Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

Avatar for Username

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

หัวข้อนี้ถูกเก็บถาวรแล้ว โปรดถามคำถามใหม่หากคุณต้องการความช่วยเหลือ

How to edit statuspanel css?

  • 2 การตอบกลับ
  • 3 คนมีปัญหานี้
  • 37 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย 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"}
อ่านคำตอบนี้ในบริบท 👍 1

การตอบกลับทั้งหมด (2)

cor-el
cor-el
  • Top 25 Contributor
  • Moderator
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 เจ้าของคำถาม
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