0

我使用了 SO questions Gray out image with CSS? 并 禁用使用 css 的链接来构造一个 css 包装器，该包装器会使按钮变灰，并防止点击它。我首先在一个单独的 css 文件中进行了尝试，但是这个示例使用了内联 css 样式并给出了相同的结果。这里有 4 个按钮：

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

    <form>
        <span style="opacity:0.4; pointer-events: none;">
            <input type='submit' value='Span Inside' />
        </span>
    </form>

    <form>
        <div  style="opacity:0.4; pointer-events: none;">
            <input type='submit' value='Div Inside' />
        </div>
    </form>

    <div  style="opacity:0.4; pointer-events: none;">
        <form>
            <input type='submit' value='Div Outside' />
        </form>
    </div>

    <span style="opacity:0.4; pointer-events: none;">
        <form>
            <input type='submit' value='Span Outside' />
        </form>
    </span>

</body>
</html>

此示例中的所有四个按钮都不会响应 Firefox 15.0.1、Safari 6.0 或 Chrome 21.0.1180.89 中的任何点击，这正是我的预期。

在 Firefox 中，所有 4 个按钮都是灰色的，不透明度 0.4，这是我的预期。

在 Safari 和 Chrome 中，前 3 个按钮是灰色的，但第 4 个按钮（带有表单元素之外的 span 元素）的不透明度为 1.0。

浏览器中是否存在错误，或者在我的理解中？

4

1 回答 1

1

如果您尝试禁用表单上的输入字段或按钮，那么您应该使用该disabled属性

于 2012-09-25T11:02:02.733 回答