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 vote189 views1 answer
Css layers over background-images
CSS
0 vote193 views1 answer
Wordpress link post tags
CSS
0 vote180 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
0 vote226 views1 answer
Easyui datagrid header font size
CSS
3 votes265 views9 answers
Bootstrap 5
CSS
0 vote177 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
1 vote171 views1 answer
Css border only top and bottom
CSS
0 vote171 views1 answer
Container transparent text opaque
CSS
0 vote193 views1 answer
Mat-form-field textarea save with new line
CSS
0 vote186 views1 answer
Add pseudo buttons
CSS