This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Caută ajutor

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.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

How can I change the background and text color of the selected email in TB 115?

  • 6 răspunsuri
  • 2 au această problemă
  • 64 de vizualizări
  • Ultimul răspuns de reevuur

more options

I have noticed that most of my css no longer works in TB 115.

How can I change the background and text color of the selected email in TB 115?

I have noticed that most of my css no longer works in TB 115. How can I change the background and text color of the selected email in TB 115?

Soluție aleasă

Found it.

/* Message Pane - Hover Message background-color */ tr:hover {

background-color: lightblue  !important;

}

/* Message Pane - Selected Message background-color */ tr.selected {

background-color: yellow  !important;

}

Note: Hover >>> tr + semicolon Selected >>> tr + dot (No idea why)

Citește acest răspuns în context 👍 1

Toate răspunsurile (6)

more options

Still working on this new code as well. Try this:

/* Message Pane - Hover Message background/foreground-color */ tr:hover {

 background-color: lightgrey  !important;

}

/* Message Pane - Selected Message background/foreground-color */ tr.selected {

 background-color: #29116e  !important;

}

more options

Sorry, but it doesn't work in my userChrome.css (TB 115.2.2)

more options

Still haven't found out how to change the background color and text color of selected message

more options

Try this:

@namespace html url("http://www.w3.org/1999/xhtml");

html|tr[is="thread-row"].selected {
  color: navy !important;
  background-color: orange !important; 
}


To change the colour on hover:

html|tr[is="thread-row"]:hover {
  color: navy !important;
  background-color: lightgrey !important; 
}


Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

more options

It still doesn't work.

more options

Soluție aleasă

Found it.

/* Message Pane - Hover Message background-color */ tr:hover {

background-color: lightblue  !important;

}

/* Message Pane - Selected Message background-color */ tr.selected {

background-color: yellow  !important;

}

Note: Hover >>> tr + semicolon Selected >>> tr + dot (No idea why)

Modificat în de reevuur