html - 带有自定义图像 CSS 代码的复选框不起作用

Question

我正在尝试将自定义图像添加到复选框，并且我正在使用以下代码:

input[type=checkbox] {
    display:none;
  }

input[type=checkbox] + label
   {
       background-image: url("../images/checkbox-bg.png") no-repeat 0 0;
       height: 16px;
       width: 16px;
       display:inline-block;
       padding: 0 0 0 0px;
   }

路径是正确的，但图像甚至没有显示。

我需要图像显示在标签的左侧。

有人能看出上面代码的问题吗？

谢谢

这是 HTML:

<input type="checkbox" value="1" /><label>The Label</label>

Answer 1

尝试使用而不是背景图片。

background: url("") no-repeat 0 0;

如果失败了还添加；

display: block;

绝对定位或 float 。