javascript - 如何在jquery mobile中为复选框提供边框

Question

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

<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/