css selection

::selection {
  background-color: cyan;
}

View another examples Add Own solution

3.67

Steven Lowes 105 points

                                    
.custom-select-wrapper {
     position: relative;
     user-select: none;
     width: 100%;
}
 .custom-select {
     position: relative;
     display: flex;
     flex-direction: column;
     border-width: 0 2px 0 2px;
     border-style: solid;
     border-color: #394a6d;
}
 .custom-select__trigger {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 22px;
     font-size: 20px;
     font-weight: 300;
     color: #3b3b3b;
     height: 60px;
     line-height: 60px;
     background: #ffffff;
     cursor: pointer;
     border-width: 2px 0 2px 0;
     border-style: solid;
     border-color: #394a6d;
}
 .custom-options {
     position: absolute;
     display: block;
     top: 100%;
     left: 0;
     right: 0;
     border: 2px solid #394a6d;
     border-top: 0;
     background: #fff;
     transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     z-index: 2;
}
 .custom-select.open .custom-options {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
}
 .custom-option {
     position: relative;
     display: block;
     padding: 0 22px 0 22px;
     font-size: 22px;
     font-weight: 300;
     color: #3b3b3b;
     line-height: 60px;
     cursor: pointer;
     transition: all 0.5s;
}
 .custom-option:hover {
     cursor: pointer;
     background-color: #b2b2b2;
}
 .custom-option.selected {
     color: #ffffff;
     background-color: #305c91;
}

Thank you! 3

3.67 (3 Votes)

3.8

Ray Ballenberg 95 points

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

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

Thank you! 5

3.8 (5 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category CSS

CSS 2022-03-27 22:50:16 make text bigger html5
CSS 2022-03-27 21:40:08 move list item to left css
CSS 2022-03-27 21:35:05 reduce image size css
CSS 2022-03-27 21:30:21 css image background center horizontally in div
CSS 2022-03-27 21:05:02 css button styles
CSS 2022-03-27 18:50:09 compass font awesome
CSS 2022-03-27 18:50:06 modal in materialize css
CSS 2022-03-27 17:55:12 box round corner css
CSS 2022-03-27 17:45:12 jquery add css
CSS 2022-03-27 17:45:01 css image fit in div with aspect ratio

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

css ::selection properties selectionb css css selection style Which selector is used in the following CSS selection -- css selection list what does the following css selection indicates css selection colr css selection box - SELECTION CSS how to add selection to all select in css selection css w3schools w3 css selection add to selection in css ways to select elements in css css selectionä css tag selection w3schools css selection ::selection in css a selection css selection css properties selection css style :: selection in css how to use > in css for selection css selection selector using selection structure for css selection css select selection tag in css css selection examples css select element selection in css selecteur css > ::selection css selection cs what is ::selection in css selection in cs css selection # selection html css ::selection css ::selectione css css :selection css ::selection css: selection :selection css custom select custom select dropdown styles select custom css style select field css css select tag style html select custom table in select menu html css div as select css option selector html custom dropdown input style slelect option custom select dropdown style select dropdown css style examples css a ou b html select style sheet css select style how to customize html select css selectoion html ooption css javascript class custom select make a custom select css custo dropdown how to acustomize the dropdown html css style option in select style the select dropdown css dragdown styling select option html css style css selected color customizable dropdown js select dropdown css How to style a dropdown using CSS ::select css custom dropdown select dropdown styling custom style selection dropdown Custom dropdown items select menu html css custom dropdown menu css custom select styling a select dropdown css element suivi par selection html css js js custom select css selection option custom select option html css html dropdown selected css css create a option customize option css select form html css customizing a dropdown using css styling dropdown in css create a custom select option custom select dropdown css custom select html style option box css custom select option styling select dropdown html select css select option css style examples drop list custom css select css design html selection select box css select dropdown in css select option css select option styling in css how to custom select element css change data according to product selection html css customize select option container select css style html default select customization select dropdown custom css select option css design selecteurs css chnage css of select and option dropdown selected html css select css style examples select box dropdown selector css selectbox dropdown selector css style dropdown select dropdown style css select tag styling dropdown css select option how to add selected to css dropdown select option css custom select dropdown css style select option dropdown change the select color css css select dropdown styles change select optionmenulist style selecteur html styling dropdown html selector a and b selected css css "+" selector css + selector selected color css css ::selection css :selected css select color pendre un objet sur deux avec selecteur css selection css css select #text css supp selected tout les element fils css :slected css selector color white css css selection color css selection

css selection

Welcome Back!

Create a Free Account