我有一个名为#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] 删除。
我来说两句