jquery - 如何覆盖来自js的内联css

Question

<div class="ui-slider-range ui-widget-header" style="left: 16.67824878387769%; width: 70.8825573314802%; "><p>4:00am  9:00pm</p></div>

整个 div 是通过 jquery 来的。不幸的是我没有访问 js 的权限。我需要使用 css 删除 left 和 width，这可能吗？

score 3 · Accepted Answer

如果您只能访问 css 文件，请使用!important：

.ui-slider-range, 
.ui-widget-header {
    width: 100px !imporant;
    left: 0 !important;
}

score 3 · Accepted Answer

我想知道为什么您需要覆盖 jqueryUI 小部件内部部分的样式？您需要覆盖它的小部件布局出了什么问题？

注意：如果您尝试更改滑块小部件的实际值，则更改 CSS 不是这样做的方法——是的，这里给出的其他答案将导致元素放弃其宽度和左属性，但它不会更改小部件的滑块标记值，并且一旦用户再次触摸小部件，它就会重新出现。

需要明确的是：你想要做的是破解一个小部件，以一种根本行不通的方式。

如果要将小部件设置为使滑块为零，则需要通过 Javascript 而不是 CSS 来完成。请参阅 jQueryUI 手册 -- http://api.jqueryui.com/slider/

我怀疑你需要这样的东西：

 $(".selector").slider( "values", 0, 0 );
 $(".selector").slider( "values", 1, 0 );

其中 '.selector' 是包含滑块的主元素的引用（不是 jqueryUI 生成的小部件的各个位的选择器）。

我希望这会有所帮助。

score 2 · Accepted Answer

您可以使用 jQuery 函数 css 来更改css属性。

$(function(){
     $('.ui-slider-range.ui-widget-header').css('left', '');
     $('.ui-slider-range.ui-widget-header').css('width', '');
});

如果您仍然无法访问 js，您可以添加脚本来更改已经生成的 html 元素。

score 2 · Accepted Answer

2

或者您可以尝试在您的 css 声明中添加 !important。例如。宽度：100% ！重要；

于 2013-01-08T07:14:41.287 回答

score 2 · Accepted Answer

使用这个!important：

.yourCssClass{
    height:0px !important;
 }

5 回答 5