[FIXED] How do I remove the X buttons in Firefox?

Issue

I went to my profile settings and added a folder called 'chrome' and a file called userChrome.css.

I included this code:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

I restarted my Firefox instance and it still shows the X close button in the tabs.

Solution

Note: Firefox 69 and new versions will not support userChrome.css and userContent.css by default unless preference is set by the user.

To use userChrome.css follow below steps:

• First type about:config in url/address bar
• Then search for the property named toolkit.legacyUserProfileCustomizations.stylesheets
• Set it to True and restart firefox

Answered By - deadshot

Answer Checked By - David Goodson (PHPFixing Volunteer)