Selection css

Custom selection color css

::selection {
	color: #000000;
	background-color: red;
}

/* for firefox */
::moz-selection {
	color: #000000;
	background-color: red;
}

Css selection

::selection {
  background-color: cyan;
}

Source: developer.mozilla.org

Change mouse highlight color js

/*** Works on common browsers ***/
::selection {
    background-color: #352e7e;
    color: #fff;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: #352e7e;
    color: #fff;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: #352e7e;
    color: #fff;
}

::-ms-selection {
    background-color: #352e7e;
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #352e7e;
    color: #fff;
}

Source: stackoverflow.com

Selection css

/* Make selected text gold on a red background */
::selection {
  color: gold;
  background-color: red;
}

/* Make selected text in a paragraph white on a blue background */
p::selection {
  color: white;
  background-color: blue;
}

Source: developer.mozilla.org

Css selection

p.normal::selection {
	background: #cc0000;
	color: #fff;
}

p.moz::-moz-selection {
	background: #cc0000;
	color: #fff;
}

How to add a selection in css

<select>
    <option value="tesla">Tesla</option>
    <option value="volvo">Volvo</option>
    <option value="mercedes">Mercedes</option>
</select">

Source: andrejgajdos.com

Similar codes

9 votes262 views4 answers
Change button size css
CSS
0 vote259 views1 answer
Css select element by role
CSS
5 votes274 views4 answers
Css flex gap between items
CSS
1 vote274 views1 answer
Remove boldness css
CSS
1 vote284 views1 answer
Css grid minmax function
CSS
0 vote258 views1 answer
Inline-block column appear higher than others
CSS
1 vote253 views2 answers
Css color black
CSS
2 votes254 views2 answers
How to give 2 different background color css
CSS
0 vote251 views1 answer
Css flex add second row
CSS
0 vote258 views1 answer
Css full grid span
CSS