3
Checkboxes in Clear Recent History
(fedia.io)
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
this post was submitted on 08 Mar 2024
3 points (100.0% liked)
Firefox Customs
2 readers
4 users here now
Post your unsupported Firefox customizations here!
From the makers of r/FirefoxCSS
Links
Related
Rules
- Posts must have flair!
- Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
- Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
- When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
- Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.
founded 2 years ago
MODERATORS
Your example css here kinda makes me believe that you have a wrong idea about how selectors work. What you have written sounds like your intention is to create a sort of scope with the outer
#menu-history-clear-recent-historyselector and then apply the rules to elements matching.checkbox-checkwithin that outer scope - that is, to match.checkbox-checkelements which are inside#menu-history-clear-recent-history.That kind of construction doesn't exist in css and thus this is invalid rule. What you would do instead is like this:
The space character
Thanks for that. I will look at the link.
I amended the code. I am printing it here to be sure. The colour of the checkboxes has not changed. Back to the drawing board. I will try adding !important to the colour.
#menu-history-clear-recent-history .checkbox-check { appearance: none !important; background: #e2cfb6; }Okay, so I looked a bit more and there's few other things at play here.
First, there is no element with id
menu-history-clear-recent-historyanywhere. There is one menuitem inmenubar > history > Cler recent historywith adata-l10n-id="menu-history-clear-recent-history"attribute, but that is not the same thing asidattribute (which you can match with a#prefix)Second, that menuitem merely opens the sanitize dialog, but contents of tha dialog are not in any sense inside that menuitem. Thus, you cannot use the a selector for the menuitem as an ancestor for the checkbox in your selector.
The dialog is separate sub-frame with its own document and all so you could do this in a couple of different ways: You can either write
#SanitizeDialog .checkbox-check { appearance: none !important; background: #e2cfb6; }because the sanitize dialog root element has an id attributeSanitizeDialog- or you could make your rule really scoped to the sanitizeDialog document like this:These are different things because if there ever was some situation in any Firefox window where a
.checkbox-checkwas inside any element with idSanitizeDialogthen it would match. The second option will only ever match all.checkbox-checkelements inside a document with that specific url.Thanks for your help. My idea was misconceived. If the 'image' is hidden, there is nowhere to insert 'checkmarks'.