Khi người dùng bôi đen (select) văn bản trên website, trình duyệt sẽ hiển thị màu mặc định (thường là nền màu xanh dương và chữ màu trắng). Nếu bạn muốn website trông chuyên nghiệp hơn và đồng bộ với màu thương hiệu, bạn có thể thay đổi màu highlight rất dễ dàng chỉ bằng 1 đoạn code CSS.
Code thay đổi màu highlight khi bôi đen bằng CSS
Dưới đây là đoạn code CSS dùng để thay đổi màu khi bôi đen văn bản trong website WordPress:
::-moz-selection {
background-color: #008000;
color: #fff;
}
::selection {
background-color: #008000;
color: #fff;
}
⚠️ Lưu ý: Bạn có thể thay đổi mã màu xanh lá cây (#008000) trong đoạn code CSS trên thành mã màu nền khác mà bạn mong muốn. Hình bên dưới là kết quả sau khi sử dụng code CSS trên.
Thêm code CSS vào WordPress ở đâu?
Dưới đây là 2 cách đơn giản nhất để thêm CSS vào website WordPress:
#1. Thêm code CSS trong Customizer
-
Vào Giao diện (Appearance) → Tùy biến (Customize)
-
Chọn CSS bổ sung (Additional CSS)
-
Dán đoạn CSS vào
-
Nhấn Xuất bản (Publish)
#2. Thêm CSS vào file style.css của theme
Phù hợp nếu bạn sử dụng child theme:
-
Vào Giao diện → Theme File Editor
-
Mở file style.css
-
Dán CSS vào cuối file và lưu lại
- Theme Katen – Làm blog cá nhân
- Theme Newspaper – Tạo website tin tức
- Theme Flatsome – Thiết kế web bán hàng
- 100+ theme khác đa dạng mọi ngành nghề
Thay đổi màu sắc khi bôi đen văn bản trong WordPress giúp website của bạn đồng bộ màu sắc thương hiệu và trông chuyên nghiệp hơn. Thủ thuật WordPress đơn giản này hi vọng sẽ giúp bạn hoàn thành nhu cầu của mình. Chúc các bạn thành công.
Bình luận bài viết (2)
Thank you for your shening. I am worried that I lack creative ideas. It is your enticle that makes me full of hope. Thank you. But, I have a question, can you help me?
Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me? https://www.binance.com/register?ref=IHJUI7TF