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

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

HTML

CSS

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

在这里小提琴

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

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

在FIREFOX运行

您还可以添加:

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

要覆盖焦点突出显示:

在FIREFOX中运行 - 2