daisyUI 原生
border 與 outline 都使用完整的 --input-color。
保留 daisyUI 表單元件的焦點結構,將 border 柔化為 35%、outline 柔化為 12%,降低雙線框的視覺重量。
請依序點入兩個欄位。左側維持 daisyUI 原生 focus,右側只加入 field-soft。
border 與 outline 都使用完整的 --input-color。
相同幾何結構,降低內外框線的色彩重量。
同一個 modifier 同時支援 input、select、file input 與 textarea,不改變元件原有尺寸或行為。
未聚焦時維持 Ghost 的低視覺重要度;取得 focus 或展開 select 時,切換為與其它 field-soft 欄位一致的柔和框線。
顏色直接取自 daisyUI 的 --input-color,因此能搭配 Theme 與欄位語意 modifier。