Jquery Mobile 1.4.2 CSS:按钮样式而不覆盖jQuery css元素

时间:2014-06-27 16:33:02

标签: css jquery-mobile

我注意到在jQuery 1.4.2中,样式项变得异常艰难。看起来好像我不再能够设置除提供的jQuery Mobile css以外的任何东西。例如:

<input id="PlaceLocationButton" enableviewstate="true" onclick="Click()" type="button" value="Set Location" class="map_button top_row_map_button" runat="server" data-inline="true" />

.top_row_map_button{
    width: 15em !important;
}

如果我将宽度设置为15或15,00000,则按钮大小不会改变,直到我更改ui-btn类本身。这使得造型单个按钮几乎不可能,除非我采用jQuery路线,这是非常不理想的。我理解这个的原因(按钮样式应用于jQuery Mobile创建的父div),但必须有一种方法来设置按钮本身的样式吗?我在这里做错了什么?

修改其他一些失败尝试:

<div class="top_row_map_button">
    <input id="PlaceLocationButton" enableviewstate="true" onclick="ClickGeocode()" type="button"
        value="Set Location" class="map_button" runat="server" data-inline="true" />
</div>

.top_row_map_button:nth-child(2){
    width: 15em !important;
}

.top_row_map_button:nth-child(1){
    width: 15em !important;
}

.top_row_map_button {
    width: 15em !important;
}

再说一遍,除非我设计jQuery Mobile生成的div元素,我不能这样做,因为我在页面加载之前无法访问该元素(除非我在css中设置类的样式,我试图避免)

1 个答案:

答案 0 :(得分:0)

对于那些在未来发现这篇文章的人来说,ezanker使用data-wrapper-class提供了一个很好的解决方案(评论)。

<input id="PlaceLocationButton" enableviewstate="true" onclick="Click()" type="button" value="Set Location 1" data-inline="true" data-wrapper-class="top_row_map_button" />

.top_row_map_button {
    width: 15em;
}

这是他的fiddle