Cách thay đổi màu mặc định khi bôi đen chữ bằng CSS3

09/12/2013

Mặc định khi chúng ta tiến hành bôi đen một đoạn chữ, thường thì nó có màu nền xanh và chữ màu trắng. Tuy nhiên rất ai ít biết được rằng, chúng ta hoàn toàn có thể thay đổi những màu mặc định này với chỉ vài đoạn css.

Cách thay đổi màu mặc định khi bôi đen chữ bằng CSS3

Xem Demo

Và đây là đoạn css giúp chúng ta làm được điều này :

    ::selection {
    background:#f094b7;
    color:#555;
    }

    ::-moz-selection {
    background:#f094b7;
    color:#555;
    }

    ::-webkit-selection {
    background:#f094b7;
    color:#555;
    }

Ngoài ra chúng ta còn có thể tạo màu chọn lựa cho từng khu vực trên trang web :

    p.orange::selection {
    background:#c2660d;
    color:#fff;
    }

    p.orange::-moz-selection {
    background:#c2660d;
    color:#fff;
    }

    p.orange::-webkit-selection {
    background:#c2660d;
    color:#fff;
    }

    p.blue::selection {
    background:#2d7e99;
    color:#fff;
    }

    p.blue::-moz-selection {
    background:#2d7e99;
    color:#fff;
    }

    p.blue::-webkit-selection {
    background:#2d7e99;
    color:#fff;
    }

Các bạn chú ý là tính năng này hiện tại chỉ hỗ trợ trên các trình duyệt FireFox, Safari, Chrome và Opera .

Chúc các bạn thành công !

Chuyên Mục:

Bài viết được đăng bởi webmaster

Nếu các bạn thấy bài viết hữu ích thì giúp mình Like cái nhé !