0

Firefox 将我的表单 input[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 向我展示了以下内容: 在此处输入图像描述

火狐版本: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>

4

1 回答 1

0

好的,我似乎在这里找到了答案;Firefox 有一个错误,我在下面报告了它: https ://bugzilla.mozilla.org/show_bug.cgi?id=1532968

于 2019-03-07T11:16:08.347 回答