/Html/How to change the color of mark tag in html

How to change the color of mark tag in html

Change color of mark tag in html

 /*Apply to all mark tags*/
mark {
  background-color: blue; /*Add your desired color*/
}
/*Apply it to a class*/
.mark { 
  background-color: blue; /*Add your desired color*/
}
/*Apply it to an ID*/
#mark {
  background-color: blue; /*Add your desired color*/
}

How to change the color of mark tag in html

<body>
<p>The Math test is on <mark style="color: red;">Friday</mark>.</p>
</body>

How to change the color of mark tag in html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>Here is the <mark style="color: white; background-color:green"> searched query </mark> </p>
</body>
</html>

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 vote273 views1 answer
Ion-row scrolly
Html
4 votes270 views10 answers
Play snake
Html
1 vote252 views1 answer
Disable autoplay in html iframe
Html
3 votes261 views5 answers
Input max length
Html
0 vote278 views1 answer
How to remove spaces between html elements like lebel
Html
0 vote250 views1 answer
Footer ionic
Html
0 vote247 views1 answer
Html table row_coloumn customization
Html
17 votes267 views2 answers
Html new target
Html
0 vote331 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
20 votes271 views4 answers
Link icon html
Html