如何删除HTML中所需的亮点 - Firefox

Question

有没有办法从Firefox中的必需输入或textarea中删除红色边框？这是我尝试过的:

HTML

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

CSS

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

在这里小提琴

Answer 1

它不是a border,它是a box-shadow,你可以定位:invalid:

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

在FIREFOX运行

您还可以添加:

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

要覆盖焦点突出显示:

在FIREFOX中运行 - 2