Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

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

Open
t510599 opened this issue May 11, 2024 · 2 comments
Open

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

t510599 opened this issue May 11, 2024 · 2 comments
Assignees
@YamiOdymel
Labels
❄ 僵局 因為沒有特別想法或是活躍度而暫時無異動的功能，但未來可能會加入。 🎨 CSS 與 CSS 和外觀設計上有關聯。 💡 改進提案 討論的是基於目前元件所做出的變更，令某個功能或樣式更好（而不是追加新功能）。

Comments

@t510599
Copy link
Member

t510599 commented May 11, 2024

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

若 ts-input .is-negative 的樣式加上 .ts-input input:invalid 之選擇器
可使樣式自動套用到不符合驗證規則的 <input> 而不須另外加上 class
@YamiOdymel YamiOdymel self-assigned this May 12, 2024
@YamiOdymel YamiOdymel added 💡 改進提案 討論的是基於目前元件所做出的變更，令某個功能或樣式更好（而不是追加新功能）。 🎨 CSS 與 CSS 和外觀設計上有關聯。 labels May 12, 2024
@YamiOdymel
Copy link
Member

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

@t510599
Copy link
Member Author

t510599 commented May 13, 2024

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

@YamiOdymel YamiOdymel added the ❄ 僵局 因為沒有特別想法或是活躍度而暫時無異動的功能，但未來可能會加入。 label Jul 1, 2024
# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees

@YamiOdymel YamiOdymel

Labels
❄ 僵局 因為沒有特別想法或是活躍度而暫時無異動的功能，但未來可能會加入。 🎨 CSS 與 CSS 和外觀設計上有關聯。 💡 改進提案 討論的是基於目前元件所做出的變更，令某個功能或樣式更好（而不是追加新功能）。
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@YamiOdymel @t510599