python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - pseudo-class

Focus-visible on mouse hover, but first time only

I'm confused on the heuristic behaviour of the CSS pseudo class :focus-visible. In our application, we have dropdowns in some places. I noticed that when I refresh the page, the :focus:focus-visible i...
test-img

josias

css

css-selectors

hover

pseudo-class

Votes: 0

Answers: 1

Latest Answer

Whenever you click on an element, browsers use an internal heuristic to determine whether they should display a default focus indicator. This is why in Chrome tabbing to a shows a focus ring, but cli...
test-img

Hammad Ahmed

CSS :not() does not work on initial page load

The following CSS rotates an SVG upward pointing arrow 180 degrees when the header does NOT have the .collapsed class: .IRE-content__header:not(.collapsed) svg { transform: rotate(180deg); } But ...
test-img

Greg Lafrance

css

bootstrap-4

accordion

pseudo-class

Votes: 0

Answers: 1

Latest Answer

Inline elements aren't rotated. Set your SVG to display:inline-block Rough example: .IRE-content__header:not(.collapsed) svg { transform: rotate(45deg); color: red; display: inline-block; } ...
test-img

Jon P

Posts

Questions

Blogs

Jobs