Firefox 113中UserChrome.css哪部分规则失效致书签悬停不显示标题？

原因分析 #

Firefox 113对书签工具栏的UI DOM结构做了调整，原本的.toolbarbutton-text元素不再直接作为toolbarbutton.bookmark-item的子元素，而是被包裹进了新的容器层级中。这导致你原有的CSS选择器无法匹配到目标文本元素，因此悬停时不再显示书签标题。

修复方案 #

修改UserChrome.css中对应代码，调整选择器以适配新的DOM结构：

1. 调整文本隐藏规则 #

将原代码：

toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}

替换为：

toolbarbutton.bookmark-item .toolbarbutton-label-container .toolbarbutton-text{
    display: none !important;
}

2. 调整悬停显示规则 #

将原标记为/* --- [1] --- */的代码：

/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
    display: -moz-box !important;
}

替换为：

/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-label-container .toolbarbutton-text{
    display: -moz-box !important;
}

修改完成后重启Firefox，书签工具栏悬停显示标题的功能即可恢复。

内容的提问来源于stack exchange，提问作者J. Mini