消失的复选框 HTML 标签

Question

如果您加载此站点并转到侧面的上传选项卡，您将看到复选框按钮。当您单击它时，它会消失。再次点击网站上的任意位置将使其重新出现。

因为我不知道问题出在哪里，所以我无法在此处上传整个网站的代码，所以下面是整个网站的 zip 文件：

https://www.dropbox.com/sh/ef03jgg3vf8r1i6/AADhHtiUDw5YjPGrezMQxykza?dl=0

或查看代码：

http://www.brunel.ac.uk/~cs13lld/BadNoise/

另一个小问题是输入字段和提交按钮都设置得太宽了 div 的 100% 但你可以看到输入字段明显比提交按钮。

网站已完成一半，如有遗漏，请不要担心。

非常感谢。

Answer 1

您需要删除此规则或将其更改为 input[type='text']:

@media only screen and (min-width: 300px) {
  input:focus, select:focus, textarea:focus, button:focus {
    -webkit-appearance: none;
    outline: none;
  }
}

Answer 2

所以我的猜测是您正在 chrome 中查看此内容。

您的风格 sheet 有点 CSS 导致了问题：

@media only screen and (min-width: 300px)
input:focus, select:focus, textarea:focus, button:focus {
    -webkit-appearance: none;
    outline: none;
}

只需删除 -webkit-appearance：none；你应该没事的。

消失的复选框 HTML 标签

Disappearing Checkbox HTML label

html

css

checkbox

label

web