Web Cơ Bản

Bộ chọn ::selection trong CSS

1) Bộ chọn ::selection trong CSS

- Bộ chọn ::selection dùng để chọn phần văn bản đang được người dùng bôi đen.

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

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

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

- Lưu ý: Đối với trình duyệt Firefox thì ta cần phải thêm -moz-

::-moz-selection{
    các khai báo định dạng CSS
}

3) Một số ví dụ

Ví dụ:

- Thiết lập chữ đỏ và nền xanh cho phần văn bản được người dùng bôi đen


::selection{
    color:red;
    background-color:blue;
}
Xem ví dụ
Ví dụ:

- Thiết lập chữ đỏ và nền xanh cho phần văn bản nằm bên trong <h3> được người dùng bôi đen


h3::selection{
    color:red;
    background-color:blue;
}
Xem ví dụ