daisyUI でデフォルトで使っているとラジオボタンの縁が黒くなったり、その他何かと黒くなるのをやめたいとき

結論

theme を設定する。

daisyui.com

デフォルトの Config では dark に設定されており、これだとたとえば選択中のラジオボタンの縁が黒くなってしまう*1

gyazo.com

ここで、data-theme="light" を属性にしてあげると、 light テーマに基づいた色になる。

gyazo.com

補足

ここの CSS を無理やりオーバーライドする方法も無くはないですが、まずは data-theme で対応したほうがいいでしょう。

Config については daisyUI を使うならば一読しておいたほうが良いと思います。

*1:body-shadow が原因

Powered by はてなブログ