0

我正在使用 Stylish 浏览器扩展为网站创建自定义深色主题。在最近的一次更新中，网站所有者想出了很多东西的圆角，在我看来这很难看，尤其是输入字段。但是，当我尝试border-radius: 0px !important;使用 Stylish 申请时，输入字段会发疯。它适用于常规 div 之类的东西，但不适用于任何类型的输入，无论是常规<input type=text>的，a<textarea>甚至是 a 之类的东西<select>。

这是没有我的自定义 CSS 的文本区域的样子：

在此处输入图像描述

这就是我的自定义 CSS 的样子：

在此处输入图像描述

border-radius: 0px !important;这是我添加到我的 CSS时的样子：

在此处输入图像描述

应用时border-radius: 0px，所有其他border属性background都将被忽略。甚至没有使用网站的原生 CSS 属性。浏览器只是使用标准外观，就像根本没有为 textarea 定义 CSS 规则一样。color虽然仍然有效。

就像border-radius是打算改变一切。如果我只添加它:hover，输入字段只会在悬停时发疯。我什至不必使用0px：即使我使用与6px网站原生 CSS 相同的内容，也会出现问题。

这是我的整个 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 ...

4

1 回答 1

0

天哪，删除border-style: solid;可以解决所有问题。我不知道为什么，但我现在很开心。

于 2015-01-03T00:22:24.317 回答