pseudo-element Archives

CSS style for ::after with plus(+) selector

November 28, 2022 by Magenaut

I want to add some CSS style for ::after when the input is checked.
For example, I want to change the color of ‘A’ from red to blue.

CSS text wrapping around left aligned image

November 12, 2022 by Magenaut

I have a problem getting the following h2 title to wrap around the left align image if the title is long. It works perfectly with short titles.

How Do You Fix the Darkened Text Selection Color in Safari? – CSS

November 12, 2022 by Magenaut

I have been using the following CSS code on my website to change the color of selected text, and it seems to work on every browser except Safari. Please let me know what should be added as the Safari Browser seems to darken whatever color I choose, unlike other browsers:

Can I use a :before or :after pseudo-element on an input field?

November 11, 2022 by Magenaut

I am trying to use the :after CSS pseudo-element on an input field, but it does not work. If I use it with a span, it works OK.

Font Awesome 5 on pseudo elements shows square instead of icon

November 11, 2022 by Magenaut

I am trying to change the content of a span with a Font Awesome icon directly from the CSS page but can’t seem to make it work properly.

CSS content property: is it possible to insert HTML instead of Text?

November 10, 2022 by Magenaut

Just wondering if it’s possible somehow to make the CSS content property insert html code instead string on :before or :after an element like:

:after and :before CSS pseudo elements hack for Internet Explorer 7

November 10, 2022 by Magenaut

I am using :after and :before CSS pseudo elements and it is working fine in Internet Explorer 8, and all modern browsers but it is not working fine in Internet Explorer 7. Are there known hacks to work around this in Internet Explorer 7?