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

0 vote176 views1 answer
Enhancer for Youtube DeepDark Theme
CSS
0 vote191 views1 answer
@fontface otf
CSS
0 vote225 views1 answer
White block on the left css
CSS
3 votes180 views1 answer
Diable focus button css
CSS
1 vote199 views6 answers
Tailwind css in react
CSS
23 votes187 views2 answers
Center align in grid
CSS
-1 vote184 views1 answer
Span size css
CSS
2 votes193 views1 answer
Admin dashboard html css
CSS
0 vote197 views1 answer
Disable button outline in css
CSS
4 votes190 views2 answers
Background image with color overlay gradient css
CSS