invalid 選擇器的作用是在表單元素中輸入非法值時來設定特定的樣式,目的在於提醒使用者所輸入的值不正確
CSS中的:invalid 選擇器主要用於在表單元素中的值是非法時設定指定樣式。
【推薦課程:CSS教學】
#範例:當使用者輸入的不是合法值時,樣式會變成紅色的邊框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> input:invalid { border:2px solid red; } </style> </head> <body> <input type="email" value="" /> <p>请输入合法 e-mail 地址,查看样式变化。</p> </body> </html>
#效果圖:
注意: :invalid 選擇器只作用於能指定區間值的元素,例如input 元素中的min 和max 屬性,及正確的email 欄位, 合法的數字欄位等。
以上是invalid選擇器有什麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!