如何在jquery mobile中为复选框提供边框答案

【问题标题】：How to give border for check box in jquery mobile如何在jquery mobile中为复选框提供边框
【发布时间】：2013-02-14 00:57:07
【问题描述】：

我想在 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;"/>

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

【问题讨论】：

如果你想设置原生复选框的样式，那么答案是否定的，你不能设置原生复选框的样式。唯一可以做到的方法是创建一个自定义复选框并通过它操作原始复选框。

标签： javascript html css jquery-mobile checkbox

【解决方案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/

【讨论】：

您好，我使用过 jquery-mobile 复选框，但我的要求是为复选框应用边框颜色，我不能这样做。
@Naga Srikanth，你需要覆盖 .ui-btn-up-c 的 css 样式，我更新了我的答案来解释。