How to edit statuspanel css?
I want to edit the background and the text color of the Firefox's statuspanel (the little tooltip that shows in the left corner). I've used the following code in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); statuspanel { color: #ff0000; background-color: #0000ff; }
But the text color doesn't change, while the background-color fill an empty limited space around the statuspanel, and not the statuspanel's background.
ఎంపిక చేసిన పరిష్కారం
Try to use .statuspanel-label as the selector.
I usually use this code in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ .statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}ఈ సందర్భంలో ఈ సమాధానం చదవండి 👍 1
ప్రత్యుత్తరాలన్నీ (2)
ఎంపిక చేసిన పరిష్కారం
Try to use .statuspanel-label as the selector.
I usually use this code in userChrome.css:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ .statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}
I just want to improve the solution in case someone have this problem. Right now there is a white border around the status panel, so the final solution is something like that:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ .statuspanel-label{ background:#FF9!important; border-color:#FF9!important; color:black!important; font-family:"DejaVu Sans Mono" }
By the way, it works great, thank you cor-el