我注意到在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中设置类的样式,我试图避免)
答案 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。