Question

我注意到在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中设置类的样式，我试图避免）

Answer 1

对于那些在未来发现这篇文章的人来说，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。

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

1 个答案: