我知道在Shiny中更改sliderInput的颜色需要更改css文件中的某些内容,我尝试sliderInput()
使用源代码查看器查看函数内部,但是这对我来说没有任何意义,因为我对html和CSS。我想它必须在这里的某个地方更改:
dep <- htmlDependency("ionrangeslider", "2.0.6", c(href = "shared/ionrangeslider"),
script = "js/ion.rangeSlider.min.js", stylesheet = c("css/normalize.css",
"css/ion.rangeSlider.css", "css/ion.rangeSlider.skinShiny.css"))
(这是在sliderInput()
函数内部)
而且我还猜想您需要在其他位置包含其他可能具有其他颜色的CSS文件,以便它可以访问它们。但是我真的很茫然,在这里我从未做过Web开发。
因此,如果有人可以逐步引导我完成任务,那就太好了!!!我想要一个蓝色的滑块(默认颜色),但也有一个绿色和一个红色的滑块。再次感谢!
请按照此处的教程在名为www的文件夹中创建CSS文件,该文件夹是其中包含闪亮应用程序的文件夹的子文件夹。该文件的内容应为:
.js-irs-0 .irs-bar {
border-top-color: #d01010;
border-bottom-color: #d01010;
}
.js-irs-0 .irs-bar-edge {
border-color: #d01010;
}
.js-irs-0 .irs-single, .js-irs-0 .irs-bar-edge, .js-irs-0 .irs-bar {
background: #a00;
}
.js-irs-1 .irs-bar {
border-top-color: #10d010;
border-bottom-color: #10d010;
}
.js-irs-1 .irs-bar-edge {
border-color: #10d010;
}
.js-irs-1 .irs-single, .js-irs-1 .irs-bar-edge, .js-irs-1 .irs-bar {
background: #0a0;
}
我已经将滑杆设为红色和绿色。页面上的每个滑块都使用.js-irs-n标识,其中n是从0开始的数字。您可以通过更改颜色代码(例如,上面的#a00和#d01010)来自定义颜色。您可以使用颜色选择器(如果有帮助)。
使用红色,绿色和蓝色滑块的示例:
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句