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

39 votes311 views4 answers
Css z-index
CSS
0 vote346 views1 answer
Mixed-blend-mode css all properties
CSS
1 vote304 views1 answer
Css @media measurements
CSS
21 votes321 views6 answers
Gradient image css
CSS
11 votes332 views2 answers
Css image filter black and white
CSS
72 votes337 views6 answers
How to center text in a div
CSS
0 vote309 views1 answer
Css animation top goes back to start
CSS
0 vote303 views1 answer
Import custom font
CSS
149 votes401 views6 answers
Css shadow
CSS
5 votes284 views2 answers
Animate left to right css
CSS