Jquery 如何覆盖来自js的内联css

4:00am 9:00pm

---

整个div都是通过jquery实现的。不幸的是，我没有访问js的权限。我需要使用css删除左侧和宽度，可以吗？

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

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

---

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

或者您可以尝试添加！在你的css声明中很重要。

---

宽度：100%！重要的

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

---

使用此

！重要信息

：

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

---

fiddle:

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

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

需要明确的是：你要做的是以一种根本不起作用的方式破解一个小部件

如果要将小部件的滑块设置为零，则需要通过Javascript而不是CSS来实现。请参阅jQueryUI手册--

我想你需要这样的东西：

.yourCssClass{
    height:0px !important;
 }

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

---

我希望这有帮助。

为什么不将css重置为

.ui-slider-range.ui-widget-header{left:0！重要；width:100%！重要；}

我想知道为什么需要覆盖jqueryUI小部件内部部分的样式？小部件的布局出了什么问题，您需要覆盖它？注意：如果您试图更改滑块小部件的实际值，那么更改CSS不是解决问题的方法。@Spudley:是的，您完全正确，但是通过使用CSS调整左侧和宽度，我的整个问题都会解决。@prash-抱歉，但我向您保证，使用CSS修改左侧和宽度不会解决问题。我已经发布了一个更完整版本的我的评论作为答案。这很好，但用户想要一个CSS解决方案。

.yourCssClass{
    height:0px !important;
 }

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