My tab delete X turns into a 1 pixel point
I had a similar problem last year when an auto update came through. After several suggestions didn't help I opted to reinstall a previous version and upgrade that. Now it's back again with the v94 update.
I've disabled ALL extensions. No help. Themes don't seem to make a difference. However, when I went to about:config and entered "toolkit.legacyUserProfileCustomizations.stylesheets" to make it true to allow chrome.css files to work it began immediately. Reset it to false and "X"s are back. Set config to TRUE and it screws up the "X"s. Again, all this is with all extensions off.
I hate the transparency of the tabs and menu bars so I need to set .css files. How else can I do it?
被采纳的解决方案
That sounds like a good plan.
For future reference, you can use a site like Pastebin to share non-confidential information -- after you save a paste, it gives you a link you can share.
Also, I suggest adding a comment about the source of each bit of CSS. You can enter a comment into a CSS file using this syntax:
/* From ______ */定位到答案原位置 👍 0
所有回复 (6)
Sounds like one of the style rules in your userChrome.css file is causing this problem. What rules do you have related to the X close button, or other buttons on your tab bar?
Note: to share CSS here, type or paste <pre> before your code and </pre> after your code. Otherwise, it is interpreted as wiki text which will make a mess of it.
Since userChrome.css isn't officially supported, I'll mention another site for help with style rules: https://www.reddit.com/r/FirefoxCSS/
I found a screenshot from your July thread. Those are pretty tiny!
Thanks for the response and redirection to Reddit.com.
First of all, I'm not a programmer, just a cut and paste hack. A couple of years ago I found several .css files recommended that worked fine. Now they don't.
Because I can't attach my .css file for review and it's made up of multiple parts, I'm going to try something before I get back to anyone. I'll split my .css file into individual parts and test each one to find which part is causing the problem. Then, once found, I'll take it to Reddit.com for help.
Again, Thanks!
选择的解决方案
That sounds like a good plan.
For future reference, you can use a site like Pastebin to share non-confidential information -- after you save a paste, it gives you a link you can share.
Also, I suggest adding a comment about the source of each bit of CSS. You can enter a comment into a CSS file using this syntax:
/* From ______ */
I found the problem without having to go to reddit.com.
After dividing and trying each segment of userChrome.css I found that blocking out this worked
/* tab close icon size and position */
.tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
width: 16px !important;
height: 16px !important;
}
I first tried to change the 16px to 64px but that didn't make any different. Simply inserting /* at the beginning of each line cleared up the problem.
Thanks again for the direction.
Sounds good. You should close the comment off with
*/
before the next rule or it might also be partially nullified.
由jscher2000 - Support Volunteer于修改