This question already has answers here:
How does `#:~:text=` in URL works to highlight text?
(2 answers)
What exactly is the `#:~:text=` location hash in an URL? [closed]
(1 answer)
Closed 3 months ago.
By adding the code #:~:text=[TEXT TO HIGHLIGHT] after a URL, the text is highlighted by browsers (I think all, except firefox).
For example, see how the "Top question" text is highlighted on the stackoverflow home page:
https://stackoverflow.com/#:~:text=Top%20Questions
I think it's some kind of special CSS for browser.
Does anyone know how and where this feature is documented?
Related
This question already has answers here:
How to change the style of alert box?
(13 answers)
Closed 1 year ago.
I recently discovered FireFox's userChrome.css where you can cutsomize about everything with CSS. I tried googling how I can customize the alert box (when I use 'alert()') but I can't find anything. Is this possible?
Welcome to StackOverflow, Normal! According to this answer, Javascript alert boxes are system objects and not modifiable by CSS. However, you should rarely encounter one while using Firefox, and if you're in the process of writing a webextension, it's much better to write your own notification or popup.
This question already has answers here:
Is it possible to style html5 audio tag?
(13 answers)
Closed 1 year ago.
I want to put svg instead of the black button. how do you do it with css?
You can use HTMLMediaElement API to create your own audio player with HTML/CSS. It is likely the only option. Because the default player can't be styled.
This question already has answers here:
CSS "word" selector? [duplicate]
(4 answers)
Closed 3 years ago.
How to highlight one specific word in text using only css? I can`t add another tag inside tag p.
<p class="header_heading">
Some text that I need to highlight
</p>
Most likely you cannot do that unless you add some java script and parse text / add style for a single word.
Theoretically you can research for CSS pseudo element such as specific word or similar, but I do not remember anything that exists and can help unless you parse the content.
This question already has answers here:
What does it mean when a CSS rule is grayed out in Chrome's element inspector?
(8 answers)
Closed 7 years ago.
The Chrome web inspector has atleast 3 ways of showing CSS rules.
Normal, normal with a line through, and opaque. Here is a picture of the 3.
If I remember correctly I believe that means its inherited from a parent element. Strikethrough means it was overridden by another style.
This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How to hide text field in Html File Upload
Hi!Is it possible to hide the input-file path keeping just the browse button?
thanks
Luca
Unfortunately the file input isn't style-able, and it shows differently in each browser. So any solutions are sort of hacky, to say the least.
One solution is to place an image behind the input, and setting it's opacity to 0. See here for the tutorial that I follow.