Настройте индивидуальный bootstrap CSS для элемента в R Shiny UI - PullRequest
1 голос
/ 08 февраля 2020

Я пытаюсь стилизовать конкретную c actionButton в моем R Shiny UI, используя bootstrap. Я не хочу стилизовать все кнопки действий одинаково; только этот. Кнопка действия в пользовательском интерфейсе, который я пытаюсь стилизовать, выглядит следующим образом:

actionButton("btnFinalizeProjectInformation", label = "I have checked my entries and am ready to move to the next step.")

В моем файле bootstrap я пытался стилизовать эту кнопку с помощью этой записи, которую я поместил внизу моего bootstrap file:

#btnFinalizeProjectInformation{
   color: #fff;
   background: #3655d3 -webkit-gradient(linear, left top, left bottom, from(#b33477), to(#D33682)) repeat-x;
   background: #3655d3 linear-gradient(180deg, #b33477, #D33682) repeat-x;
   border-color: #3655d3;
}

Я также попытался создать свой собственный класс. Когда я это сделал, кнопка действия выглядела так:

actionButton("btnFinalizeProjectInformation", label = "I have checked my entries and am ready to move to the next step.", class = "btnFinalizeProjectInformation")

И запись в bootstrap выглядела так:

.btnFinalizeProjectInformation{
   color: #fff;
   background: #3655d3 -webkit-gradient(linear, left top, left bottom, from(#b33477), to(#D33682)) repeat-x;
   background: #3655d3 linear-gradient(180deg, #b33477, #D33682) repeat-x;
   border-color: #3655d3;
}

Ни один из этих методов не работал. Я не уверен, что это потому, что запись bootstrap перезаписывается другой записью, связанной с кнопкой в ​​bootstrap, или я делаю что-то не так.

Спасибо за вашу помощь!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...