Question

我想修改jquery移动选择菜单的宽度。我对输入文本字段做了同样的操作，创建了一个名为 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; }

现在我想用select菜单做同样的事情但是在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

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

1 个答案: