Изменить CSS свойства флажка Shiny ()

Question

Я хочу изменить размер шрифта и некоторые другие свойства Shiny's checkboxInput()

Я сделал следующее

div(
tags$style("
#AAA { 
font-size: 30px !important;
}
"),
checkboxInput("AAA", label = "AAA", value = TRUE, width = '80%')
)

Но это не работает. Как правильно это сделать?

Также я хочу, чтобы Checkbox был расположен чуть ниже метки (не на левой стороне). Есть ли способ сделать эти 2 изменения?

Answer 1

div имеет аргумент стиля

div(
  checkboxInput("AAA", label = "AAA", value = TRUE, width = '80%'),
  style = "font-size: 30px !important;"
)

Answer 2

Ответ gdevaux решает ваш первый вопрос ... Во втором вопросе я не думаю, что вы можете контролировать позицию с помощью css, но вы можете вручную добавить метку с помощью html.

Вы можете сделать что-то вроде:

column(
  width = 1,
  div(
    h3("AAA"),
    checkboxInput("AAA", label = NULL, value = TRUE, width = '100%'),
    style = "font-size: 30px !important; text-align:center;"
  )
)

text-align и поместив div в столбец начальной загрузки, убедитесь, что метка (элемент h3) и флажок выровнены.Возможно, вам придется убрать немного поля, чтобы этикетка и поле находились не так далеко друг от друга.И, конечно же, вы можете назначить класс вашему h3 и более точно настроить размер шрифта.