jQuery Mobile 复选框 CSS

Posted 2023-05-08

【中文标题】jQuery Mobile 复选框 CSS

【英文标题】：jQuery Mobile Checkbox CSS

【发布时间】：2011-12-27 11:31:10

【问题描述】：

我想使用 JQuery Mobile 为页面上的复选框设置样式，但无法隔离复选框的 CSS。 Here is the complete CSS，但是当我链接到它时，它会弄乱我所有的格式。我宁愿只包含设置复选框样式所需的 CSS，但无法使用 Firebug 解决。

【参考方案1】：

您是否尝试过在 CSS 中全局搜索复选框？

我找到了这个，但它可能不是你所需要的。

/* checks,radios */
.ui-icon-checkbox-off,
.ui-icon-checkbox-on,
.ui-icon-radio-off,
.ui-icon-radio-on 
    background-color: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-size: 20px 20px;

.ui-icon-checkbox-off 
    background-image: url(images/form-check-off.png);

.ui-icon-checkbox-on 
    background-image: url(images/form-check-on.png);

【讨论】：

是的，仅使用它还不够，复选框仍然无法正确显示。

【参考方案2】：

复选框使用一堆边距来做某些效果，你必须看看那是不是你掉下来的地方。我现在面临同样的问题...可能会通过添加我自己的复选框来更改它...只是没有足够的划分。