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 vote157 views1 answer
Css background templates
CSS
2 votes162 views3 answers
Em
CSS
30 votes167 views6 answers
Background image with gradient css
CSS
1 vote151 views1 answer
Css selector to change long bot description top.gg
CSS
0 vote149 views1 answer
Animacion de gota css
CSS
22 votes168 views6 answers
Create circle in css
CSS
63 votes156 views6 answers
Text shadow
CSS
72 votes146 views6 answers
Absolute position center
CSS
0 vote147 views1 answer
Comentarios en archivo scss
CSS
4 votes167 views1 answer
Css text line in middle
CSS