
使用 CSS :invalid 選擇器為所有 元素設定無效值的樣式。您可以嘗試執行以下程式碼來實作:invalid選擇器
範例
Live Demo
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html>
<html>
<head>
<style>
input:invalid {
background: red;
}
</style>
</head>
<body>
<h2>Heading</h2>
<input type = "email" value = "InvalidEmail" >
<p>The style (red color background) appears if you type an irrelevant/ invalid email address.</p>
</body>
</html>
|
登入後複製
以上是CSS的作用:無效的選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章!