Question

我的自定义CSS验证是用红色边框勾勒出元素。适用于输入但不适用于选择，无线电和复选框，因为jQM为这些标签添加了自己的标记。

所以我有这个用于CSS，它适用于输入标签，而不是选择，无线电和复选框

/* html5 */
input[type='text'],
input[type='number'],
input[type='email'],
textarea, select { 
    border: solid 1px #999;
}
input[type='text'].focus,
input[type='number'].focus,
input[type='email'].focus,
textarea.focus, select.focus { 
    border-color: #000 !important; 
}
input[type='text'].invalid,
input[type='number'].invalid,
input[type='email'].invalid,
textarea.invalid, select.invalid { 
    border-color: red;
}
input[type='text'].inactive,
input[type='number'].inactive,
input[type='email'].inactive,
textarea.inactive, select.inactive, option.inactive { 
    color: #999;
    font-style: italic;
}
input[type='text'].required,
input[type='number'].required,
input[type='email'].required, 
textarea.required { 
    background: url(../images/asterisk_red.png) right 5px no-repeat;
}

Answer 1

在jQuery Mobile中，Select，Radio和Checkbox元素完全被DOM中的其他元素替换（实际上，它们被设置为隐藏，DOM元素放在它们之上，但效果是相同的。）。因此，要将样式应用于这些元素，您必须将样式应用于不同于您期望的选择器。对于类似单选按钮的内容，您必须将样式应用于.ui-radio .ui-btn

确定所需样式的最佳方法是使用firebug或浏览器的开发人员工具检查各个元素，因为根据您的配置方式，所使用的类可能略有不同形式要素。

JQM（jQueryMobile）自定义css用于无效选择

1 个答案: