如何在 HTML - Firefox 中删除所需的高亮显示

Question

有什么方法可以去除 Firefox 中必填输入或文本区域的红色边框吗？这是我试过的：

HTML

<textarea class="opt" rows="3"placeholder="opt" required></textarea>

CSS

.opt:required:focus
{
    border: 1px solid black;
    outline:none;
}

Answer 1

它不是 border，它是 box-shadow，您可以定位 :invalid:

.opt:invalid {
   box-shadow:none;
}

您还可以添加：

border: 1px solid black; //or whatever color/style you want

要同时覆盖焦点突出显示：

how to remove required highlights in HTML - Firefox