CSS3 ::selection behaves differently in FF & Chrome

by

For some reason Chrome forces it to be semi-transparent. However, you can get around this by setting the background using rgba. I have set the alpha value to be just 0.01 less than 1. Live example: http://jsfiddle.net/tw16/m8End/

p::-moz-selection {
    background:rgba(255, 255, 125, 0.99);
    color:#032764;
}
p::-webkit-selection {
    background:rgba(255, 255, 125, 0.99);
    color:#032764;
}
p::selection {
    background:rgba(255, 255, 125, 0.99);
    color:#032764;
}

More Related Contents:

  1. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  2. Is it possible to set the stacking order of pseudo-elements below their parent element? [duplicate]
  3. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  4. Why do the :before and :after pseudo-elements require a ‘content’ property?
  5. CSS :after not adding content to certain elements
  6. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  7. Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]
  8. What is the difference between a pseudo-class and a pseudo-element in CSS?
  9. Font Awesome 5, why is CSS content not showing?
  10. Can I change the height of an image in CSS :before/:after pseudo-elements?
  11. CSS :before on inline SVG
  12. Can I target a :before or :after pseudo-element with a sibling combinator?
  13. Should I use single or double colon notation for pseudo-elements?
  14. How can I make generated content selectable?
  15. Universal selector * and pseudo elements
  16. Can I have multiple :before pseudo-elements for the same element?
  17. Z-index with before pseudo-element
  18. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  19. ::before pseudo-element stacking order issue
  20. CSS Pseudo Element Counters: can you increment an alphabet letter “a”, “b”, “c”, etc instead of a number?
  21. Vertically centering content of :before/:after pseudo-elements
  22. “text-decoration” and the “:after” pseudo-element, revisited
  23. css rotate a pseudo :after or :before content:”” [duplicate]
  24. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  25. Can you apply a width to a :before/:after pseudo-element (content:url(image))?
  26. prevent a pseudo element from triggering hover?
  27. Purpose of *:before, *:after rule without content property
  28. Apply webkit scrollbar style to specified element
  29. What is the difference between pseudo-classes and pseudo-elements?
  30. CSS3 transitions on pseudo-elements (:after, :before) not working?

Leave a Comment