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

8 votes210 views3 answers
Css darkmode
CSS
11 votes159 views1 answer
Html no cursor when link
CSS
-1 vote149 views1 answer
Css dual color
CSS
1 vote106 views1 answer
Css div text size
CSS
7 votes148 views1 answer
Remve arrow from input ype number
CSS
3 votes143 views3 answers
Remove box around button when clicked
CSS
1 vote171 views1 answer
Macbook change screenshot to jpg
CSS
0 vote156 views3 answers
Remove cursor pointer css
CSS
0 vote148 views1 answer
Twig convert encoding
CSS
13 votes147 views4 answers
Cursor pointer events none
CSS