当 seiyria bootstrap-slider 处于禁用模式时,我在更改 tootltip 颜色时遇到问题。
HTML:
<slider ng-model="myCtrl.sliderValue" ng-min="0"
ng-disabled="myCtrl.ischlddsble"
ng-max="5"
step="1"
value="myCtrl.sliderValue"
ticks="myCtrl.sliderTicks()"
formatter="myCtrl.myFormatter"
tooltip="always"
id="divID"></slider>
<input type="checkbox"
ng-model="myCtrl.ischlddsble"
ng-click="myFunc()"/>
JavaScript:
function myFunc(x, _this) {
if (_this.checked) {
x.style.backgroundColor = '#0000FF';
} else {
x.style.backgroundColor = '#FF0000';
}
}
通过使用 ng-disabled,我禁用了 slider ,但是当它处于禁用模式时,我需要将工具提示颜色更改为与 slider handle 相同的颜色。如下图所示。
最佳答案
只需通过 CSS 访问 CSS 类 slider-disabled
即可,例如 DEMO FIDDLE 我已经创建了。
.slider-disabled .tooltip-inner {
background-color: red;
}
.slider-disabled .tooltip.top .tooltip-arrow {
border-top-color: red;
}
关于javascript - 如何在禁用模式下更改 seiyria bootstrap-slider 的工具提示背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43760601/