无法使用CSS设置Jquery元素的样式

用户名

我有一个名为#Main的Jquery选择菜单,它隐式地获得了#Main-button。当我尝试使用css设置#Main-button的宽度时

#Main-button {
 width:200px;
}

它没有任何作用。当我明确设置

$( "#Main" ).selectmenu({ width:200})

它具有理想的效果,在Firebug下,我看到它在#Main-button上附加了style =“ width:200”,这是我最初使用CSS尝试的内容。

有什么不同吗?我检查过我的CSS样式表在Jquery之后被称为,所以没有优先级问题

我还注意到,即使使用了唯一的ID,也无法使用针对特定元素的CSS来对转向Jquery元素的html元素进行样式设置,但需要使用.ui-menu等Jquery类,为什么它们的行为有所不同?涉及Jquery时,是否有任何特定的样式样式?

穆罕默德里亚斯

在您的CSS中,

#Main-button {
   width:200px;
}

但JS会根据内容添加动态内联样式。因此,它具有style属性。

因此,就CSS的特殊性而言,他们的CSS胜过您。

您必须!important在规则中使用以避免覆盖CSS。

#Main-button {
   width:200px !important;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章