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.

সহায়তা খুঁজুন

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 can I change the background and text color of the selected email in TB 115?

  • 6 উত্তরসমূহ
  • 2 এই সমস্যাটি আছে
  • 64 দেখুন
  • শেষ জবাব দ্বারা 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?

সমাধান চয়ন করুন

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)

প্রেক্ষাপটে এই উত্তরটি পড়ুন। 👍 1

All Replies (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

চয়ন করা সমাধান

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)

reevuur দ্বারা পরিমিত