Bộ chọn :focus trong CSS

1) Bộ chọn :focus trong CSS

- Bộ chọn :focus dùng để chọn tất cả các phần tử INPUT, TEXTAREA, SELECT đang được người dùng truy cập vào (truy cập bằng cách click chuột vào nó hoặc bấm phím Tab để di chuyển vào nó)

2) Cách sử dụng bộ chọn :focus trong CSS

- Để sử dụng bộ chọn :focus, ta dùng cú pháp như sau:

:focus{
    các khai báo định dạng CSS
}

3) Một số ví dụ

:focus{
    background-color:yellow;
}

textarea:focus{
    background-color:yellow;
}