【发布时间】：2015-01-02 23:56:34
【问题描述】：
我正在使用 Stylish 浏览器扩展程序为网站创建自定义深色主题。在最近的一次更新中，网站所有者想出了很多东西的圆角，在我看来这很难看，尤其是输入字段。但是，当我尝试使用 Stylish 应用 border-radius: 0px !important; 时，输入字段会发疯。它适用于常规 div 之类的东西，但不适用于任何类型的输入，无论是常规的 <input type=text>、<textarea> 还是像 <select> 这样的东西。
这是没有我的自定义 CSS 的文本区域的样子：
这是我的自定义 CSS 的样子：
这是我将border-radius: 0px !important; 添加到我的 CSS 时的样子：
当应用border-radius: 0px 时，所有其他border 属性和background 都将被忽略。甚至没有使用网站的原生 CSS 属性。浏览器只是使用标准外观，就像根本没有为 textarea 定义 CSS 规则一样。 color 仍然有效。
就像border-radius 被打算改变一切。如果我只在:hover 上添加它，输入字段只会在悬停时发疯。我什至不必使用 0px：即使我使用与网站原生 CSS 相同的 6px，也会出现问题。
这是我的整个 CSS 规则：
textarea, input[type="text"], .textbox {
border-color: #282828 !important;
border-width: 3px !important;
border-style: solid !important;
border-radius: 0px !important;
background: #0F0F0F !important;
color: grey !important;
}
真正奇怪的是border-radius: 0px在使用火狐开发者工具添加时没有引起任何问题，所以看起来是时尚的问题。
是什么导致了这种疯狂？我该如何解决？有解决方法吗？我唯一的想法是使用添加属性的自定义 JS ...
【问题讨论】：
-
你能发布网站的 CSS 吗？
-
这是一个论坛，所以网站的 CSS 长得像地狱。与此唯一相关的应该是
border-radius: 6px应用于各种输入和按钮。