Avatar for Username

חיפוש בתמיכה

יש להימנע מהונאות תמיכה. לעולם לא נבקש ממך להתקשר או לשלוח הודעת טקסט למספר טלפון או לשתף מידע אישי. נא לדווח על כל פעילות חשודה באמצעות באפשרות ״דיווח על שימוש לרעה״.

מידע נוסף

אשכול זה הועבר לארכיון. נא לשאול שאלה חדשה אם יש לך צורך בעזרה.

How to edit statuspanel css?

  • 2 תגובות
  • 3 have this problem
  • 1 view
  • תגובה אחרונה מאת reuseman

reuseman
reuseman
more options

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.

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.

השתנתה ב־ על־ידי reuseman

פתרון נבחר

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

כל התגובות (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

פתרון נבחר

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"}
reuseman
reuseman Question owner
more options

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