/note/tech

HTMLのフォームバリデーションエラー時に枠の色を変えたい

バリデーションエラー時、標準だと枠が赤くなるわけだが、これを抑止したいという要望が。

あれは border の色を変えているのではなく、 box-shadow で枠の色を変えているので、以下のCSSを当てる。

input[type="text"]:invalid{
    box-shadow: none;
}

アクセシビリティ的にどうなのという思いが無いわけではない。