搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

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

所有回覆 (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 於 修改