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.
Modified by reuseman
Chosen solution
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"}
Read this answer in context
👍 1
All Replies (2)
Chosen Solution
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