Css text highlight

Html highlight text

For HTML5: (with 'mark' tag)

<p>Do not forget to buy <mark>milk</mark> today.</p> 

In CSS file: (To customize highlight)

mark {
  background-color: yellow;
  color: black;
}

Css mark color

<style>
mark { 
  background-color: yellow;
  color: black;
}
</style>

<mark>Highlighted text!!</mark>

Css text highlight

/*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*/
}

Style highlight css

/* Now supported by all major browsers */

::selection {
  background-color: #000 /* Selection highight color */
  color: #FFF /* Optional colour change of text that is being selected */
}

Css highlight element

.highlight {
    box-shadow: 0 0 0 100000px rgba(0, 0, 0, .8);
}

Source: hospodarets.com

Mark tag in html

mark {
  display: inline-block;
  line-height: 0em;
  padding-bottom: 0.5em;
}

Source: stackoverflow.com

Similar codes

1 vote136 views1 answer
Felx-wrap css
CSS
20 votes160 views5 answers
How to add background image in react css
CSS
35 votes150 views4 answers
Open command palette vscode mac
CSS
1 vote145 views1 answer
Image on top of image css
CSS
29 votes166 views6 answers
Css animation
CSS
76 votes153 views6 answers
Reduce method
CSS
44 votes150 views5 answers
Breakpoint bootstrap
CSS
5 votes137 views2 answers
Scss hover
CSS
0 vote143 views1 answer
Font helvetica css
CSS
54 votes150 views3 answers
Center align an image css
CSS