覆盖jquery mobile字段包含选择菜单CSS

Question

我想修改jquery mobile选择菜单的宽度。我没有与输入同文体领域创建一个名为COD1新类和标签宽度设置为25％和输入字段至55％：

.cod1 label.ui-input-text { vertical-align: middle; display: inline-block; width: 25%; margin: 0 2% 0 0; } 
.cod1 input.ui-input-text, 
.cod1 textarea.ui-input-text, 
.cod1 .ui-input-search { width: 55%; display: inline-block; } 

现在我想要做同样的事情与选择菜单，但是在jquerymobile css文件，这个属性是一个@media里，我不知道这是如何工作：

@media all and (min-width: 450px){ 
.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } 
.ui-field-contain .ui-select { width: 60%; display: inline-block; } 
} 

我试着重写该使用我COD1类修改的宽度，但它不”工作。我成功修改宽度的唯一方法是直接修改原始CSS文件...

Answer 1

As the answer of this question explains，select，checkbox和radio元素完全被jquery mobile取代。

的回答我的问题非常简单，只是忽略场包含：

.cod1 label.ui-select { width:25%; } 
.cod1 .ui-select { width:55%; } 

JQM (jQueryMobile) custom css for invalid select