复选框的CSS样式如何看起来像是禁用状态

Question

11

我需要将已启用的复选框样式看起来像是禁用的，但是style="background: #e4e4ee4;"不起作用。有人可以帮忙吗？如何使用CSS使复选框看起来像它具有禁用属性？（禁止使用disable属性）。

- Bohdan Myslyvchuk

你是想看起来残疾，还是真的成为残疾？ - kawnah

“看起来像禁用”是否包括“表现得像禁用”——也就是说，它应该阻止检查功能吗？ - LcSalazar

1

好的，我来解释一下。我需要禁用复选框，但是不使用disable属性，因为在IE11中，JAWS会错误地读取此属性。这就是为什么我要使用JavaScript禁用复选框，但现在我需要制造一个假象，让人觉得这个复选框已经被禁用了。 - Bohdan Myslyvchuk

3个回答

8

借鉴自Nazure的回答，但不要忘记添加pointer-events属性并将其设置为none以防止点击！

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

该链接为一个网站页面的示例。

- user1477388

0

我的意思是你可以在HTML代码中禁用它......这是你想做的吗？

- Brett Kessler

我已经写了，禁止使用disabled属性的情况。 - Bohdan Myslyvchuk

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nezure · Accepted Answer

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

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

.mycheckbox
{
  opacity:0.5;
}