Cách thay đổi màu chọn văn bản mặc định trong WordPress

Bạn có biết tại sao thiết kế trang web của bạn nổi bật? Chú ý đến chi tiết. Một trong những chi tiết thu hút sự chú ý của chúng tôi trên trang web của Brian Gardner (@bgardner) là cách lựa chọn màu văn bản mặc định của anh ấy phù hợp với bảng màu thiết kế của anh ấy thay vì là màu xanh mặc định. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thay đổi màu lựa chọn văn bản mặc định trong chủ đề WordPress của bạn.

Thay đổi màu chọn văn bản mặc định

Mở tệp style.css của bạn và thêm các kiểu sau:

::-moz-selection {
    background-color: #ff6200;
    color: #fff;
}

::selection {
    background-color: #ff6200;
    color: #fff;
}

Đừng quên thay đổi màu nền để phù hợp với bảng màu của chủ đề.

Bộ chọn bộ chọn :: được Chrome, Safari, IE9 + và Opera sử dụng. Firefox thích sử dụng :: – lựa chọn moz của riêng mình. Đây là lý do tại sao họ ở trên hai dòng riêng biệt. Nếu bạn cố gắng kết hợp chúng, nó sẽ không hoạt động.

Đối với các cuộc biểu tình, chỉ cần chọn bất kỳ văn bản trên trang web này.

Nguồn: Brian Gardner