在Shiny演練中更改SliderInput的顏色

Question

我知道在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開發。
因此，如果有人可以逐步引導我完成任務，那就太好了！！！ 我想要一個藍色的滑塊（默認顏色），但也有一個綠色和一個紅色的滑塊。 再次感謝！

Answer 1

按照此處的教程在名為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）來自定義顏色。 如果有幫助，可以使用顏色選擇器 。

使用紅色，綠色和藍色滑塊的示例：

Answer 2

我知道，我以前沒有使用過該庫，但是如果該系統中的iFrame在同一父域中，那么對於您的情況，這可能會派上用場，如果沒有，我不確定您是否會找到解決方案除非Shiny特別提供解決方案。

$('iframe').load( function() {
$('iframe').contents().find("head")
  .append($("<style type='text/css'>  .irs-bar { height: 8px; top: 25px; border-top: 1px solid #428bca; border-bottom: 1px solid #428bca; background: #460; } .irs-bar-edge { height: 8px; top: 25px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #460; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; }  </style>"));

}）;

然后相應地編輯樣式。 同樣，不確定您如何/在何處使用此源以及您的內容。 我確信它可能在單獨的域中。 非常抱歉。