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

我需要启用样式复选框看起来像禁用,但不起作用.有人能帮助我吗？如何使复选框看起来像已使用css禁用属性？(禁止使用属性禁用的情况).

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

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

.mycheckbox
{
  opacity:0.5;
}