/* Now supported by all major browsers */
::selection {
background-color: #000 /* Selection highight color */
color: #FFF /* Optional colour change of text that is being selected */
}
.highlight {
box-shadow: 0 0 0 100000px rgba(0, 0, 0, .8);
}
/*Term: css text highlight*/
/*This uses the element ::selection, which is as far as i
know only supported by Google Chrome so far. This is not
a problem though, since other browsers will simply keep
the regular highliting styles.*/
/*Example*/
::selection {
background-color: #000; /*Highlight Color*/
color: #fff; /*Text Color*/
}
<body>
<p>The Math test is on <mark>Friday</mark>.</p>
</body>
Code Example |
---|
Css :: css selector color |
Css :: tailwind table |
Css :: center an element in css completely |
Css :: css selctors |
Css :: css media queries mobile first |
Css :: css triangle |
Css :: what does align items center do |
Css :: css clicked event |
Css :: add arrow in select css |
Css :: css all uppercase to capitalize |
Css :: text stroke css |
Css :: select odd child css |
Css :: terminal check time |
Css :: margin auto not centering |
Css :: title underline |
Css :: lynx install bash |
Css :: opacity |
Css :: css math functions |
Css :: linux copy directory permissions to another directory |
Css :: scroll design |
Css :: css margin top responsive |
Css :: remove link style |
Css :: git font |
Css :: css how to make text italic |
Css :: remove auto focus selected background color |
Css :: css class id |
Css :: add color on image using css |
Css :: css overflow |
Css :: make border absolute css |
Css :: transition behaviour in css |