如何摆脱Firefox中Text和TextArea的顶部黑色边框？

Question

如果你看一下：texasbruce.com/notes

您可以注意到顶部有黑色边框。

我已将border-color设为蓝色，outline: none但仍然存在。我怎么能摆脱它？

Answer 1

应该使用

border-style:solid;来确保它没有做一些奇怪的事情。

这可以通过说border: 1px solid blue;

在一条规则中完成

但正如上面评论中提到的那样，box-shadow可能会产生一个更暗边界的错觉。