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

1 vote375 views2 answers
Css clearfix for floats with display table and clear both
CSS
0 vote341 views1 answer
Text decoration css transition
CSS
0 vote337 views1 answer
Css psedou content data
CSS
0 vote337 views1 answer
Mailto link with no decoration
CSS
0 vote352 views2 answers
Get all tables laravel
CSS
1 vote378 views1 answer
Vertical line between two divs
CSS
1 vote348 views2 answers
Inline border css reactjs
CSS
0 vote327 views1 answer
Send element to center of div
CSS
0 vote321 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
0 vote334 views1 answer
Code css for mozila
CSS