Style input number arrows

Show input type number arrows

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

Style input number arrows

.number-wrapper {
  position: relative;
}

.number-wrapper:after,
.number-wrapper:before {
  position: absolute;
  right: 5px;
  width: 1.6em;
  height: .9em;
  font-size: 10px;
  pointer-events: none;
  background: #fff;
}

.number-wrapper:after {
  color: blue;
  content: "\25B2";
  margin-top: 1px;
}

.number-wrapper:before {
  color: red;
  content: "\25BC";
  margin-bottom: 5px;
  bottom: -.5em;
}

Source: stackoverflow.com

Similar codes

5 votes290 views1 answer
Css cheat sheet
CSS
-2 votes314 views1 answer
Css transform translate and rotate
CSS
0 vote393 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
1 vote339 views1 answer
Scroll start from bottom css
CSS
0 vote359 views1 answer
Separar letras en css
CSS
0 vote318 views1 answer
Centos 8 cron on reboot
CSS
0 vote297 views1 answer
Html don't select text
CSS
0 vote324 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote325 views1 answer
Add arrow in select css
CSS
0 vote338 views3 answers
Svg background css
CSS