Highlight hovered email with box-shadow in userChrome.css

User Help for Mozilla Thunderbird
Posts: 1
Joined: May 15th, 2019, 5:35 am

Post Posted May 15th, 2019, 5:58 am

I am trying to apply some box shadow to the email under the cursor with the following code in userChrome.css:

Code: Select all
#threadTree treechildren::-moz-tree-cell(hover) {
   box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important;
   background-color: yellow !important;

The CSS selector seems right as the background-color gets applied, but I can't get the box-shadow to work. No success either by adding the moz prefix (-moz-box-shadow) or by applying the same set of rules to "#threadTree treechildren::-moz-tree-row(hover)".

Any ideas how to get the shadow to appear?

Return to Thunderbird Support

Who is online

Users browsing this forum: No registered users and 5 guests