css - 在 R Shiny 中更改 selectizeInput 选项的颜色
问题描述
我想selectizeInput
在我的 Shiny 应用程序中更改菜单中每个单独选项的颜色。在下面的示例代码中,我可以将所有菜单选项的颜色更改为蓝色,但是如何为每个单独的选项更改它?例如使“a”红色,“b”蓝色,“c”绿色等。
非常感谢!
shinyApp(
ui =
shinyUI(fluidPage(
tags$head(
tags$style(HTML("
.item {
background: #2196f3 !important;
color: white !important;
}
.selectize-dropdown-content .active {
background: #2196f3 !important;
color: white !important;
}
"))
),
sidebarLayout(
sidebarPanel(
selectizeInput("select", label=NULL,
choices=c("a", "b", "c", "d"),
selected = c("a", "b", "c", "d"),
multiple=TRUE, options=list(placeholder="Wybierz"))),
mainPanel())
)
),
server = function(input, output){}
)
> sessionInfo()
R version 3.6.3 (2020-02-29)
Platform: x86_64-apple-darwin15.6.0 (64-bit)
Running under: macOS High Sierra 10.13.6
Matrix products: default
BLAS: /System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libBLAS.dylib
LAPACK: /Library/Frameworks/R.framework/Versions/3.6/Resources/lib/libRlapack.dylib
locale:
[1] en_GB.UTF-8/en_GB.UTF-8/en_GB.UTF-8/C/en_GB.UTF-8/en_GB.UTF-8
attached base packages:
[1] stats4 parallel stats graphics grDevices utils datasets methods
[9] base
other attached packages:
[1] rsconnect_0.8.16 shinythemes_1.1.2 dplyr_0.8.5 shiny_1.4.0.2
[5] BiocParallel_1.20.1 MLInterfaces_1.66.5 cluster_2.1.0 annotate_1.64.0
[9] XML_3.99-0.3 AnnotationDbi_1.48.0 IRanges_2.20.2 MSnbase_2.12.0
[13] ProtGenerics_1.18.0 S4Vectors_0.24.4 mzR_2.20.0 Rcpp_1.0.4.6
[17] Biobase_2.46.0 BiocGenerics_0.32.0
解决方案
你可以做:
.option[data-value=a] {
background: red !important;
color: white !important;
}
.option[data-value=b] {
background: green !important;
color: white !important;
}
.option[data-value=c] {
background: blue !important;
color: white !important;
}
.option[data-value=d] {
background: magenta !important;
color: white !important;
}
推荐阅读
- php - Wordpress 自定义主题:无法在自定义程序中配置小部件区域
- angularjs - 在 Angular 引导的 MVC 应用程序中有条件地渲染 MVC 包
- javascript - jQuery 光滑宽度扩展太多
- karate - 使用 Excel 中的数据覆盖空手道特征文件中的示例
- javascript - 防止输入中的特殊字符和重音符号 (´`¨^~) (jQuery)
- multithreading - 如何在 Spark Executor 中关闭内核之间的共享单例连接
- sql - Stored procedure with select as parameter
- android - 从 backstack 中删除 Fragment 并显示活动
- php - 如何在 Laravel 中通过电子邮件发送 HTML 格式
- sql - 返回未终止 PL/SQL 过程的管理器的 Oracle 查询