复选框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/