在Shiny演练中更改SliderInput的颜色

詹杜特

我知道在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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Shiny中隐藏sliderInput的值

如何在更改第二个sliderInput时重置一个sliderInput而不触发Shiny中的反应

在R Shiny中更改selectInput的背景颜色

在R Shiny中更改通知的颜色

更改R Shiny中selectizeInput选项的颜色

反应性更新Shiny中的sliderInput

在 Shiny 中更改颜色时修复 CSS 问题

如何在Shiny Dashboard中更改textInput的标签颜色

在R Shiny中更改侧边栏菜单项的颜色

如何在R Shiny中更改textAreaInput的背景颜色?

在 Shiny 中以不同方式更改多个 bsTooltip 框的颜色

在Shiny中更改DT表上单元格的颜色

如何更改 R Shiny 中可变单选按钮选项的颜色?

在R Shiny中的渲染UI中创建分类的SliderInput

R Shiny中的sliderInput有问题-获取NaNs

仅在将fileInput加载到Shiny中时显示sliderInput

在Shiny中为sliderInput定义值的特定范围

在Shiny应用程序中定义sliderInput函数

如何在 R-Shiny 中连接 dateRangeInput 和 sliderInput

如何在 R Shiny 中更改 titlePanel 的背景颜色和文本颜色?

DT in Shiny:仅更改单行的颜色

更改Shiny下拉标题的字体颜色(selectInput)

如何更改Shiny Dashboard Body的背景颜色

使用CSS更改Shiny titlePanel的颜色

更改Shiny Dashbaord selectInput的文本颜色

在Shiny的条形图中更改条形的颜色

如何更改固定列的颜色并在DT :: datatable Shiny中显示POSIXct数据?

如何在R Shiny应用程序中更改图标的颜色?

如何在R Shiny中更改框的折叠/展开按钮的颜色?