How to highlight text in css

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

How to highlight any text in html and css

<!DOCTYPE html>
<html lang="en">
<head>
    <title>How to highlight any text in html</title>
</head>
<body>
    <p style="color: black;"><mark style="background-color: yellow;">Bharath Matha Ki Jai</mark></p>
</body>
</html>

-1

How to highlight text in css

<body>
<p>The Math test is on <mark>Friday</mark>.</p>
</body>

-1

Source: techonthenet.com

Similar codes

0 vote371 views2 answers
Setting multiple styles in javascript
CSS
0 vote351 views1 answer
Bulk order pre cooked pasta
CSS
0 vote330 views1 answer
Content url svg css
CSS
21 votes322 views3 answers
How to create a circle with css
CSS
0 vote339 views2 answers
Bulma uppercase
CSS
0 vote353 views1 answer
Css apply style to direct children
CSS
0 vote303 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
3 votes325 views2 answers
How to get rid of underline for links in css
CSS
1 vote336 views1 answer
How to put mulitple conditions in media query
CSS
0 vote330 views1 answer
Elementor custom css for mobile
CSS