javascript - 如何在 jquery mobile 中为复选框设置边框

Question

我想在 jquery mobile 中为我的复选框添加边框。我尝试使用 css 的 border 属性和 outline 属性进行样式设置。

<input type="checkbox" name="checkbox-0" style="outline: 3px solid #1e5180;"/>
<input type="checkbox" name="checkbox-1" style="border: 3px solid #1e5180;"/>

但对我没有用。有人可以提供解决方案吗？

Answer 1

使用 jquery-mobile 复选框:

http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-checkboxes.html

您可以通过定位 .ui-btn-up-c 来自定义样式

.ui-btn-up-c {
   border: 1px solid #999999;
}

或者在这里建立你自己的主题:

http://jquerymobile.com/themeroller/