正在消失的复选框HTML标签

Question

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

由于我不知道问题出在哪里，我无法在这里上传整个网站的代码，所以下面是整个网站的zip：

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

或者查看代码：

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

另一个小问题是，输入字段和提交按钮的宽度都设置得太宽，超过了它们所在div的100%，但您可以看到，输入字段在提交按钮右侧明显更长。

网站已经完成了一半，所以如果东西不见了也不用担心。

非常感谢。

Answer 1

所以我猜你在chrome中看到了这个。

你的样式表上有一点CSS导致了这个问题：

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

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

Answer 2

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

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