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

Danh mục: CSS
 

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 .

 



BÀI VIẾT KHÁC
CODE GỢI Ý CHO BẠN
BÌNH LUẬN

BẢN QUYỀN ®
MANGUON.COM đã đăng kí quyền tác giả: AR1682/GP-STTTP
Mọi chia sẻ nội dung thuộc tác quyền của MANGUON.COM phải ghi rõ "Nguồn MANGUON.COM"