用于 chrome 扩展的自定义复选框 css [重复]答案

【问题标题】：custom checkbox css for a chrome extension [duplicate]用于 chrome 扩展的自定义复选框 css [重复]
【发布时间】：2015-04-08 11:51:35
【问题描述】：

我真的想在我的 chrome 扩展程序中为我的复选框使用自定义复选框设计，但它似乎不起作用。我的猜测是复选框的背景图像存在某种干扰，因为除了背景之外似乎都应用了所有 css。

我用于复选框的 css 代码来自 iCheck：

.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
    .icheckbox_flat-blue.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-blue.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-blue.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-blue {
    background-position: -88px 0;
}
    .iradio_flat-blue.checked {
        background-position: -110px 0;
    }
    .iradio_flat-blue.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-blue.checked.disabled {
        background-position: -154px 0;
    }

而blue.png 看起来像这样：

在常规站点上，此 html 和 css 可以正常工作，但一旦转移到 chrome 扩展程序中就不行了。有什么我做错了吗？如何获得自定义复选框设计？

【问题讨论】：

这里也有介绍stackoverflow.com/q/3559781/2213940
@ZigMandel 我们不确定它是否用于内容脚本。
希望提问者能够澄清，但看起来确实如此。否则后台css会像他所说的那样在扩展之外工作。

标签： css google-chrome-extension

【解决方案1】：

background-image 必须用引号引起来：

background: url("blue.png") no-repeat;

【讨论】：

【解决方案2】：

对不起，我已经回答了我自己的问题。老实说，我仍然不知道问题出在哪里，但我不再使用 iCheck，而是决定创建自己的代码来编辑复选框。

抱歉浪费了大家的时间。

【讨论】：

没有。您还没有回答这个问题。