Inline style to act as :hover in CSS

by

I’m afraid it can’t be done, the pseudo-class selectors can’t be set in-line, you’ll have to do it on the page or on a stylesheet.

I should mention that technically you should be able to do it according to the CSS spec, but most browsers don’t support it

Edit: I just did a quick test with this:

<a href="https://stackoverflow.com/questions/131653/test.html" style="{color: blue; background: white} 
            :visited {color: green}
            :hover {background: yellow}
            :visited:hover {color: purple}">Test</a>

And it doesn’t work in IE7, IE8 beta 2, Firefox or Chrome. Can anyone else test in any other browsers?

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Set width on div
  3. How to Make columns in row [closed]
  4. How to center an element horizontally and vertically
  5. Is it wrong to change a block element to inline with CSS if it contains another block element?
  6. How to position text over an image with CSS
  7. CSS selector by inline style attribute
  8. :last-child not working as expected?
  9. Why is my Grid element’s height not being calculated correctly?
  10. Horizontal list items
  11. HTML/CSS – Best practice for preserving white space on certain elements?
  12. Input size vs width
  13. Stretch background image css?
  14. Bootstrap – align button to the bottom of card
  15. How to remove “Invisible space” from HTML [duplicate]
  16. How is the margin-top percentage calculated?
  17. How to align flexbox columns left and right?
  18. Center form submit buttons HTML / CSS
  19. How remove border around image in css?
  20. Why doesn’t vertical-align work properly when using float in CSS?
  21. Center align container and left align child elements
  22. CSS object-fit: contain; is keeping original image width in layout
  23. Remove scrollbar from iframe
  24. Flexbox on IE11: image stretched for no reason?
  25. CSS animate custom properties/variables
  26. How to see an HTML page on Github as a normal rendered HTML page to see preview in browser, without downloading?
  27. Firefox 30 is not hiding select box arrows anymore
  28. How do I horizontally center an absolute positioned element inside a 100% width div? [duplicate]
  29. download webpage and dependencies, including css images [closed]
  30. Can you have a within a ?

Leave a Comment