Join us to show up for other Firefox users 🦊. Earn fun badges and Mozilla swag vouchers! Find out more: https://mzl.la/askafox150

Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Search Support

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.

Learn More

Zebra striping in folder pane

  • 2 svar
  • 0 har dette problemet
  • 109 views
  • Siste svar av Ross Palmer
  • Løst

Running TB 128.12.0esr on Linux Mint. I can get striping in my Classic View thread pane with:

  1. threadPane tr:nth-of-type(odd) {
 background-color: rgb(215,215,215) !important; 

}

But how can I achieve the same effect in the folder pane? I have tried replacing threadPane with folderPane or folderTree but no luck.

In Developer Toolbox the selector for the folder list appears to be is(ul, ol)[role="tree"] but I don't know how to create a striping rule from that.

Running TB 128.12.0esr on Linux Mint. I can get striping in my Classic View thread pane with: #threadPane tr:nth-of-type(odd) { background-color: rgb(215,215,215) !important; } But how can I achieve the same effect in the folder pane? I have tried replacing threadPane with folderPane or folderTree but no luck. In Developer Toolbox the selector for the folder list appears to be is(ul, ol)[role="tree"] but I don't know how to create a striping rule from that.

Valgt løsning

Zebra striping for the Folder Pane.

#folderTree li[is="folder-tree-row"]:nth-child(2n) > div.container {
  background-image: linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.20)) !important;}
Les dette svaret i sammenhengen 👍 1

All Replies (2)

Valgt løsning

Zebra striping for the Folder Pane.

#folderTree li[is="folder-tree-row"]:nth-child(2n) > div.container {
  background-image: linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.20)) !important;}

Thanks this worked perfectly.