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

28 votes362 views5 answers
Default cursor css
CSS
18 votes337 views2 answers
How to push text to the right css
CSS
98 votes323 views6 answers
Css center
CSS
1 vote322 views1 answer
Stop css transition from firing on page load
CSS
13 votes428 views4 answers
How to print background bootstrap
CSS Bootstrap
12 votes388 views2 answers
How to center element in bulma
CSS Bulma
0 vote286 views1 answer
Cursor color change
CSS
1 vote359 views2 answers
Zoom level in css
CSS
4 votes337 views1 answer
Html make footer stick to bottom
CSS
0 vote352 views3 answers
Slick slider and ACF Pro in WordPress
CSS