tocas 套用 ts-input `.is-negative` 樣式到 `input:invalid`

套用 ts-input `.is-negative` 樣式到 `input:invalid`

Open t510599 opened this issue 1 year ago • 2 comments

虛擬類別 :invalid 可在 <input> 不符合驗證規則時套用特定樣式

若 ts-input .is-negative 的樣式加上 .ts-input input:invalid 之選擇器
可使樣式自動套用到不符合驗證規則的 <input> 而不須另外加上 class

May 11 '24 20:05 t510599

有點雙面刃，怕有些時候可能 invalid 不會想觸發 Tocas UI 的 is-negative 樣式

May 12 '24 11:05 YamiOdymel

了解這個考量，或許也能透過 .is-negative-when-invalid 之類的 class 來表示自動套用 .is-negative 的行為?

May 13 '24 03:05 t510599