如何删除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;
}

Fiddle here

Answer 1

这不是border，而是box-shadow，你可以定位:invalid：

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

RUN IN FIREFOX

您还可以添加：

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

也要覆盖焦点高亮显示：

RUN IN FIREFOX - 2