Top "Pseudo-element" questions

CSS pseudo-elements allow for an enhanced display of content within elements or the ability to generate extra beginning or ending content for elements.

Transition only for the border on hover, but not for background

Here I have some CSS: #image-edges-beneath:hover{ background-color: blue; } #image-edges:hover{ background-color: blue; } #image-edges-beneat:hover:after{ -webkit-transition: all 1s ease; …

css hover css-transitions pseudo-element pseudo-class
Changing CSS pseudo-element styles via JavaScript

Is it possible to change a CSS pseudo-element style via JavaScript? For example, I want to dynamically set the color …

javascript css css-selectors pseudo-element selectors-api
Editing input type="search" Pseudo-element Button ('x')

I'm trying to make a search bar that will look nice. What I did is, I made an image of …

css search input webkit pseudo-element
Pseudo-element after not showing?

I want to add a help logo at the end of some form fields which opens a tooltip. Everything is …

css pseudo-element
CSS: Pseudo-elements :before and :after inheriting width/height from original element

I am using the css pseudo elements :before and :after to give an indent-effect on some of my images on …

css pseudo-element
Vertically centering content of :before/:after pseudo-elements

I'm trying to achieve something similar to this picture: I have an image (as part of a slideshow) wrapped in …

css css-selectors pseudo-element
Pseudo elements and SELECT tag

Does the select tag allows to use the :after selector in order to create a pseudo element after it? I've …

css html-select pseudo-element
Apply webkit scrollbar style to specified element

I am new to pseudo-elements that are prefixed with a double colon. I came across a blog article discussing styling …

css webkit pseudo-element
CSS :after not adding content to certain elements

I'm having trouble understanding the behavior of the CSS :after property. According to the spec (here and here): As their …

css pseudo-element
Copyright Symbol in CSS :after Pseudo-Element

SOLVED - used \00a9 instead of © Pretty self-explanatory: body:after { content: "© me"; /* other formatting */ } In HTML, …

html css pseudo-element