0

What i'am trying to do is to remove, or at least hide the horizontal scrollbar in Firefox when i visit a specific website/url. I found code which hides the bottom scrollbar, but on all websites:

:-moz-any(#content,#appcontent) browser{
 margin-bottom:-17px!important;
 overflow-x:scroll;
}

All i did so far is to create the chrome folder, created the userChrome.css and pasted in the above code. So far so good. Since i have literally no idea how to bind this customisation to a specific website/url i just tried to replace the first line with the following code:

@document url("https://www.example.com/"){

or

:-moz-any(#content,#appcontent), domain("https://www.example.com/") browser{

or

@-moz-document url-prefix("https://www.example.com/"){

What iam searching for is more or less a "if-condition" when the url of the website contains "xyz.com/" (like the url-prefix(): "Matches if the document URL starts with the value provided") then remove/hide the bottom scrollbar. I know this is super rude to ask something like this, but i think i just need the correct syntax to add the website/url condition in the code. And to go though hours and hours of tutorial material to find the correct syntax i though i just ask here.

  • If it's wrapped in a frame then set the overall framset width to 99 percent. And set no horizontal scrollbar for the frame window frame in its tag. There may be some CSS attributes available to compress the bounding box rather than clip. There are similar properties for overflow of the div version. – Samuel Marchant Sep 30 '22 at 04:54

0 Answers0