Giả lớp focus

Giả lớp focus thiết lập kiểu cho ô nhập, vùng văn bản hoặc liên kết có tiêu điểm nhập. Tiêu điểm nhập - là khi chúng ta nhấp vào ô nhập và ở đó có con trỏ thanh nhấp nháy (có thể nhập văn bản).

Cú pháp

cssinput:focus {
  
}

Ví dụ

Sau khi nhận được tiêu điểm, ô nhập sẽ có đường viền màu đỏ và đổ bóng:

html<input>

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

Результат:

Xem thêm