当它处于禁用模式时,我在更改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-disabled
就像在我创建的这个DEMO FIDDLE中那样,通过CSS访问CSS类即可。
.slider-disabled .tooltip-inner {
background-color: red;
}
.slider-disabled .tooltip.top .tooltip-arrow {
border-top-color: red;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句