Câu hỏi Kiểm soát màu CSS cho cửa sổ văn bản trong FireFox?


Tôi sử dụng một chủ đề KDE với các menu tối và văn bản màu trắng. Trong Firefox (5.0), trong Preferences-> Content-> Colors, tôi có văn bản màu đen và nền trắng được chọn. Tôi đã "sử dụng màu hệ thống" không được chọn.

Tôi đã gặp phải một trang web chỉ định CSS của họ để đặt màu: windowtext, nhưng mã cứng nền thành màu trắng. Điều này dẫn đến văn bản màu trắng trên nền trắng. Tôi không hiểu tại sao Firefox lại sử dụng văn bản trắng cho windowtext.

Làm thế nào tôi có thể buộc Firefox sử dụng màu của sự lựa chọn của tôi khi nó giải quyết "windowtext"? Có điều gì tôi có thể đặt trong userContent.css hoặc userChrome.css không? hoặc một số cách khác?


0
2017-07-22 15:57


gốc


Thật là một trang lạ. - BoltClock


Các câu trả lời:


Bạn không thể yêu cầu Firefox chọn màu tùy ý để giải quyết khi gặp phải màu hệ thống. Đó là hardcoded vào công cụ dựng hình. Tuy nhiên, bạn vẫn có thể nói nó để đặt văn bản màu đen và nền trắng cho trang web đó.

Đi đến userContent.css và thêm kiểu sau:

@-moz-document domain('offendingsite.com') {
    body {
        color: black !important;
        background-color: white !important;
    }
}

Sau đó khởi động lại Firefox và truy cập lại vào trang web.

Tất nhiên, offendingsite.com nên được thay thế bằng tên miền của trang web được đề cập.


0
2017-07-22 16:26



Điều này làm việc, nhưng có hai thứ tôi không thích: đầu tiên, nó yêu cầu tôi giải quyết nó cho mọi trang web mà tôi gặp phải CSS không hoạt động cho các chủ đề hệ thống sáng tối, và thứ hai, một khi tôi đặt! quan trọng trong, tôi kiểm soát ra khỏi nhà thiết kế trang web. Tôi muốn họ có thể sử dụng màu sắc mà họ chọn. Tôi chỉ không muốn họ có thể kết hợp những màu sắc với lựa chọn của tôi (windowtext), đặc biệt là bởi vì nó có vẻ như tôi không thể thực sự lựa chọn ở cấp trình duyệt.
@ bwtaylor: Vâng, đó có thể là lý do tại sao Mô-đun màu CSS3 không dùng nữa màu hệ thống. - BoltClock
Hoan hô vì điều đó. Nó có vẻ giống như một lỗi Firefox để sử dụng màu hệ thống khi tôi bỏ chọn "sử dụng màu hệ thống". Trong trang web cụ thể, họ sử dụng màu: windowtext để liên kết màu, vì vậy tôi đã sửa đổi đề xuất của bạn và thay đổi "body" thành "a" và nó hoạt động.


nếu bạn có thể truy cập vào tệp css người dùng, bạn có thể đặt

body
{
  color: black !important
  background-color: white !important
}

Tôi nghĩ rằng đó là gần nhất bạn có thể nhận được với nó mặc dù.


0
2017-07-22 16:19