如何在Firefox的Tree Style Tabs中禁用文本阴影

嗨，我懂你遇到的麻烦——明明在userChrome.css里用全局选择器把所有元素的文本阴影都关了，可Tree Style Tabs（TST）里的文本阴影还是赖着不走。这是因为TST自身的样式规则优先级比全局的*选择器更高，咱们得用更针对性的CSS来覆盖它。

试试把下面的代码添加到你的userChrome.css里：

/* 精准禁用Tree Style Tabs标签文本的阴影 */
#treestyletab-tabbar .tab-item-label {
    text-shadow: none !important;
}

/* 如果上面的规则没生效，用这个覆盖TST栏内所有元素的阴影 */
#treestyletab-tabbar * {
    text-shadow: none !important;
}

为什么这个能生效？ #

• 第一个规则直接定位到TST标签的文本元素（.tab-item-label是TST默认的标签文本类），加上父容器#treestyletab-tabbar的限定，比全局*选择器的优先级高得多。
• 第二个规则则是针对TST整个侧边栏内的所有元素，确保不会有漏网之鱼。

如果还是没效果，你可以用Firefox的开发者工具自己确认元素选择器：右键点击TST里的标签文本，选择「检查元素」，在开发者工具的元素面板里找到对应的元素类名或ID，然后把选择器替换成更精准的就行。

这样设置后，TST的文本阴影就会和Firefox其他部分一样消失啦～

备注：内容来源于stack exchange，提问作者LeaG