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 vote341 views1 answer
How to overwrite a css importnat
CSS
1 vote351 views1 answer
Css remove whitespace around element
CSS
7 votes398 views6 answers
Css background overlay
CSS
0 vote329 views2 answers
Media Query Smartphone Portrait
CSS
-1 vote426 views2 answers
How to set background automatically with my screen height
CSS
0 vote345 views2 answers
Woocommerce cart css description
CSS
1 vote374 views3 answers
Css for bigger screen size
CSS
37 votes346 views1 answer
Trumping
CSS
0 vote347 views1 answer
Convert firebase created_at to Date string
CSS
-1 vote357 views1 answer
Bootstrap scrollable modal
CSS