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.