更改textInput閃亮小部件的占位符顏色

Question

使用在Stackoverflow上的不同舊帖子中找到的一些CSS代碼，我設法更改了我的shinyapp的每個selectizeInput和selectInput小部件的占位符顏色，但似乎此代碼不適用於textInput小部件。

您可以在下面找到一個基本可重復的示例：

library(shiny)

ui <- fluidPage(

  tags$style(HTML("::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                   color: red;
                   opacity: 1; /* Firefox */}

                  :-ms-input-placeholder { /* Internet Explorer 10-11 */
                  color: red;}

                  ::-ms-input-placeholder { /* Microsoft Edge */
                  color: red;
                  }")),

br(),

  selectizeInput(inputId = "one",
                 label = NULL,
                 choices = c("Letters" = "", "A", "B", "C"),
                 selected = ""),

br(),

  textInput(inputId = "two",
            label = NULL,
            placeholder = "Numbers",
            value = "")

)

server <- function(input, output, session) {

}

shinyApp(ui, server)

如您所見，textInput小部件的占位符保持灰色，而我希望它也是紅色的。

預先感謝您的幫助！

Answer 1

似乎有理由認為你的問題完全在於添加你的CSS，因為這樣做

var q = document.createElement("style");
q.innerHTML = `::placeholder { color: red }`;
document.body.appendChild(q)

在selectize演示頁面上確實將占位符文本的顏色設置為紅色。

至於第二個問題，要定位特定元素，您希望選擇器就像

#e6-selectized::placeholder { color: red }

（注意后綴）