リセットCSSでチェックボックスが消えた

目的

destyle.cssでリセットしたところ、チェックボックスが見えなくなってしまいました。解決に時間がかかったので、忘備録として残します。

結論

all: revert;を追加すると表示されました。

input {
    all: revert;
}

上記を追記すると、要素に対してカスタマイズされたり変更されたりしたすべてのスタイルが取り消されます。これによりブラウザのデフォルトスタイルに戻るため、リセットCSSで消えていたスタイリングが復活しました。

まとめ

MDNを参考にしました。