ซีดโดคลาส focus

ซีดโดคลาส focus กำหนดสไตล์สำหรับ อินพุต, เท็กซ์แอเรีย หรือ ลิงก์ ที่มีโฟกัสการป้อนข้อมูล โฟกัสการป้อนข้อมูล คือ เมื่อเราคลิกที่อินพุตและมีแท่งเคอร์เซอร์กระพริบอยู่ที่นั่น (สามารถป้อนข้อความได้)

โครงสร้าง

cssinput:focus {
  
}

ตัวอย่าง

หลังจากได้รับโฟกัส อินพุตจะได้เส้นขอบสีแดง และเงา:

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

ดูเพิ่มเติม