Đổi màu quét khối mặc định với CSS3

Blogger

Nếu Blog của bạn được thiết kế sử dụng một phông màu nhất định để mang phong cách riêng, vậy tại sao không thay đổi màu sắc của đoạn quét khối cho đồng bộ! Một chút ngôn ngữ CSS bên dưới đây sẽ giúp bạn đấy.

1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
2. Tìm thẻ ]]></b:skin> trong template, và thêm phía trên nó đoạn code sau :
   
   ::-webkit-selection {
       background: #FF9933;
       }
   ::-moz-selection {
       background: #FF9933;
       }
   Lưu ý : Bạn có thể dùng mã màu khác tùy vào Blog của mình.
   
3. Save lại template. Vậy là bạn đã thiết lập được hiệu ứng đổi màu quét khối.
4. Code ở bước 2 sẽ thay đổi màu của bất kì đoạn quét khối nào. Nếu chỉ muốn thay đổi 1 đoạn chỉ định, bạn hãy sử dụng mã sau :
   
   .color::-webkit-selection {
       background: #FF9933;
   }
   .color::-moz-selection {
       background: #FF9933;
   }
   kèm theo cú pháp :
   
   <div class="color">Nội dung</div>

Bạn có thể xem screenshot dưới đây để thấy kết quả :

Kết quả

Hy vọng chút thủ thuật nhỏ này sẽ khiến Blog bạn trở nên hoàn thiện hơn. Chúc vui !