Thay đổi nền chữ khi được chọn với CSS3

Hình như ảnh không đúng với tiêu đề :))

Hôm nay em sẽ giới thiệu cho các bạn một thủ thuật rất hay có dùng CSS3 như đã giới thiệu ở phần tiêu đề. Với thủ thuật này, trang Web/blog của mọi người sẽ có một style mới, khiến người khác phải "thán phục" :)) .


DEMO ở ngay trên trang này luôn, màu sắc cũng hài hòa nhỉ?

Bắt đầu thủ thuật thôi!

•  Vào Mẫu >> Chỉnh sửa HTML
• Chèn code sau vào trước thẻ ]]></b:skin>

::selection {
    background: #0F83A0;
}
::-webkit-selection {
    background: #0F83A0;
}
::-moz-selection {
    background: #0F83A0;
}

Cái đoạn ::-webkit- ... thì bạn thêm vào hay không thêm vào cũng được, bởi chẳng chết ai đâu mà lo. Mã màu thì mọi người thay được chứ nhỉ

• Nếu mọi người muốn thay đổi cả màu chữ nữa thì thay thế đoạn mã trên bằng đoạn sau:

::selection{
   background: #0F83A0; 
   color:#fff;
}
::-moz-selection{
   background: #0F83A0;
   color:#fff; 
}
::-webkit-selection {
    background: #0F83A0; 
    color:#fff; 

Lưu mẫu. Vậy là có style mới rồi!