覆蓋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