Có khi nào bạn muốn copy một đoạn text nào đó chưa? Mình nghĩ là có rồi đó. Và trước khi có thể ấn được Copy hay Ctrl+C thì bạn phải bôi đen hay còn gọi là khởi tạo vùng chọn đối với đoạn text đó.
Cách thực hiện: Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Post by: TsmBlogger.com
Thông thường khi bôi đen mặc định sẽ là nền xanh lam, chữ trắng nhưng như thế là bình thường quá nhỉ?! Vậy thì hôm nay mình sẽ hướng dẫn cho các bạn một đoạn CSS nho nhỏ giúp bạn đổi màu nền hoặc chữ khi bôi đen nhé :)
Đổi màu vùng chọn khi bôi đen text |
Bước 2: Thêm đoạn CSS này trước thẻ
]]></b:skin>
/*--------- Text Selection By TsmBlogger.com ------------- */
::selection {
background:#7577a9; /*------Background color-----*/
color:#fff; /*------Text color-----*/
}
::-moz-selection { /*------For Firefox-----*/
background:#7577a9;
color:#fff
}
::-webkit-selection { /*------For IOS Safari-----*/
background:#7577a9;
color:#fff
}
Bạn có thể tùy chỉnh hoặc thêm thuộc tính khác cho đoạn code trên như đổi màu color, background hoặc thêm thuộc tính text-shadow cho font khi bôi đen. Cái này tùy thuộc vào sự sáng tạo của bạn.
Bước 3: Lưu template lại và ra bôi đen thử 1 đoạn text nha.
Chúc các bạn thành công :)
2 bình luận Tổng hợp bình luận
Hay quá, đúng cái em đang cần :)
Học Front End trên W3Schools học đến phần này nên share cho ae luôn tại nó chỉ là CSS hì hì...