1

我想修改 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; }

现在我想对选择菜单做同样的事情，但是在 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文件......

4

1 回答 1

1

正如这个问题的答案所解释的那样，选择、复选框和单选元素完全被 jquery mobile 取代。

我的问题的答案很简单，只需忽略字段包含：

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

用于无效选择的 JQM (jQueryMobile) 自定义 css

于 2012-06-20T08:16:07.043 回答