Question

Firefox认为我的表单输入[type =“ checkbox”]为只读，但不应，因为该字段是可编辑的。它可以在其他任何浏览器（包括chrome甚至IE11）上运行。

代码如下所示： HTML：

<input name="upgradeSmu" id="id_fd5049f8-8549-4b0e-8f81-afbfe927d562" type="checkbox">

CSS：

form input:-moz-read-only, form input:-moz-read-only:hover, form input:-moz-read-only:focus {
  border-color: #dddddd !important;
  background: transparent;
  cursor: not-allowed; }

Firefox出于某种原因认为提供的CSS对于输入有效：

Chrome浏览器向我显示以下内容：

Firefox版本：65.0.2。

这可以用最简单的HTML复制：

form input:-moz-read-only,
form input:-moz-read-only:hover,
form input:-moz-read-only:focus {
  border-color: #dddddd !important;
  background: transparent;
  cursor: not-allowed;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible"
        content="ie=edge">
  <link rel="stylesheet"
        href="style.css">
  <title>Checkbox test</title>
</head>

<body>
    <div>
        <h1>Form</h1>
        <form id="book-form">
            <div>
                <label for="title">Checkbox test</label>
                <input type="checkbox"
                        checked="true"
                        id="checkbox">
            </div>
        </form>
    </div>
</body>

</html>

Answer 1

好吧，我似乎在这里找到了答案； Firefox有一个错误，我在以下位置报告了它： https://bugzilla.mozilla.org/show_bug.cgi?id=1532968

为什么Firefox将表单输入[type =“ checkbox”]视为只读，但不应将其视为只读？

1 个答案: