home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

จัดรูปแบบองค์ประกอบ ทั้งหมดด้วยค่าที่ไม่ถูกต้องด้วย CSS

หากต้องการจัดรูปแบบองค์ประกอบ ทั้งหมดที่มีค่าที่ไม่ถูกต้อง ให้ใช้ CSS :invalid selector

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน :invalid selector -

<!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>