Jquery Mobile 1.4.2 CSS：不覆盖Jquery CSS元素的按钮样式

我注意到在jQuery1.4.2中，设置项目样式变得非常困难。似乎除了提供的jquerymobilecss之外，我再也不能设计任何样式了。例如：

<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;
}

---

同样，除非我为jQuery Mobile生成的div元素设置样式，否则什么都没有，我不能这样做，因为在页面加载之前我没有访问该元素的权限（除非我用css设置类的样式，我正试图避免这种情况）

对于那些在将来发现这篇文章的人，ezanker提供了一个很好的解决方案（评论）通过使用

数据包装类

<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;
}

.顶行地图按钮{
宽度：15em；
}

---

这是他的。

input

被包装在一个div中，对该div应用样式而不是

input

本身，因为它将被隐藏。与此类似，但我如何才能做到这一点？我无法在该div上添加id，因为我没有创建它。对我来说，唯一的方法就是设置jQM css类的样式，这将导致我页面上的其余按钮出现问题。我注意到您正在使用javascript添加样式。所以我猜这就是jQuery mobile所需要的？如果需要，我可以这样做，但如果有一个css样式可以应用，那就太好了。此外，您可以尝试数据包装器类属性：

<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;
}