Add arrow in select css

.select_box{
  width: 200px;
  overflow: hidden;
  border: 1px solid #000;
  position: relative;
  padding: 10px 0;
}
.select_box:after{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f00;
  position: absolute;
  top: 40%;
  right: 5px;
  content: "";
  z-index: 98;
 }
.select_box select{
  width: 220px;
  border: 0;
  position: relative;
  z-index: 99;
  background: none;
}

Source: stackoverflow.com

Similar codes

0 vote219 views5 answers
How many px is iphone 12 pro max css
CSS
0 vote217 views1 answer
Capitalize the first letter of string using CSS
CSS
150 votes236 views2 answers
How to link your css file to html
CSS
0 vote192 views1 answer
Div style how to wrap around
CSS
20 votes189 views6 answers
Fonts for css
CSS
18 votes216 views2 answers
How to push text to the right css
CSS
1 vote207 views2 answers
Zoom level in css
CSS
31 votes211 views6 answers
Overflow
CSS
0 vote203 views2 answers
Laravel 7 css loading slow
CSS
0 vote214 views1 answer
Specific id under class css
CSS