Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在Shiny中,如何为范围滑块的两个按钮使用不同的颜色?_Css_R_Shiny_Rangeslider_Ion Range Slider - Fatal编程技术网

Css 在Shiny中,如何为范围滑块的两个按钮使用不同的颜色?

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

Shiny利用了。我已经能够解决如何修改滑块的颜色和它的一些其他属性。下面的代码生成一个带有绿色按钮的常规滑块和一个带有红色按钮的范围滑块

我想在范围滑块上的两个按钮有不同的颜色。例如,红色和蓝色i.o.红色和红色。有办法做到这一点吗



库(闪亮)

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; }"))