复选框css样式看起来像禁用

Question

我需要启用样式复选框看起来像已禁用，但style="background: #e4e4ee4;"不起作用。有人能帮助我吗？如何使复选框看起来像已使用css禁用属性？ （禁止使用属性禁用的情况）。

Answer 1

您可以设置不透明度而不是背景。

简单示例： https://jsfiddle.net/gfb0gc3h/2/

<input type="checkbox" class="mycheckbox"/>

.mycheckbox
{
  opacity:0.5;
}

Answer 2

从Nezure的答案中采用，但不要忘记添加pointer-events属性并将其设置为none以防止点击！

.disabled-checkbox {
  opacity:0.5;
  pointer-events: none;
}

示例：https://jsfiddle.net/gfb0gc3h/67/

Answer 3

我的意思是你可以在HTML代码中禁用它.....你正在尝试做什么？