Css 在Shiny中,如何为范围滑块的两个按钮使用不同的颜色?
Shiny利用了。我已经能够解决如何修改滑块的颜色和它的一些其他属性。下面的代码生成一个带有绿色按钮的常规滑块和一个带有红色按钮的范围滑块 我想在范围滑块上的两个按钮有不同的颜色。例如,红色和蓝色i.o.红色和红色。有办法做到这一点吗Css 在Shiny中,如何为范围滑块的两个按钮使用不同的颜色?,css,r,shiny,rangeslider,ion-range-slider,Css,R,Shiny,Rangeslider,Ion Range Slider,Shiny利用了。我已经能够解决如何修改滑块的颜色和它的一些其他属性。下面的代码生成一个带有绿色按钮的常规滑块和一个带有红色按钮的范围滑块 我想在范围滑块上的两个按钮有不同的颜色。例如,红色和蓝色i.o.红色和红色。有办法做到这一点吗 库(闪亮) ui看起来您已经非常接近了,只需调整css并添加一个。从或到类: # ... tags$style(type = "text/css", HTML(".irs-slider { width: 8px; heigh
库(闪亮)
ui看起来您已经非常接近了,只需调整css并添加一个。从
或到
类:
# ...
tags$style(type = "text/css",
HTML(".irs-slider { width: 8px; height: 20px; top: 20px; background: green; }",
".irs-slider.from { width: 8px; height: 20px; top: 20px; background: red; }",
".irs-slider.to { width: 8px; height: 20px; top: 20px; background: orange; }"))
我遇到了另一个问题。我试图通过使用.irs single{color:black;background:transparent}
来更改标签的背景色(“20”、“30”和“40”,上面)。这会影响单个滑块,但不会影响范围滑块。然后我尝试了.irs-single.to{color:black;background:transparent}
和.irs-single.from{color:black;background:transparent}
但是没有效果;“范围滑块”中标签的背景色仍为蓝色。@user2363777听起来像是另一个问题。我会发布一个新的问题,一个新的例子,一个预期结果的例子。
# ...
tags$style(type = "text/css",
HTML(".irs-slider { width: 8px; height: 20px; top: 20px; background: green; }",
".irs-slider.from { width: 8px; height: 20px; top: 20px; background: red; }",
".irs-slider.to { width: 8px; height: 20px; top: 20px; background: orange; }"))