如何在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/