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

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.

css tips, css3, thu thuat css, thay doi mau khi boi den chu, code css

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 .

 

 HỖ TRỢ TRỰC TUYẾN