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

57 votes346 views6 answers
Text shadow css
CSS
19 votes364 views4 answers
Add blur background css
CSS
0 vote370 views1 answer
How to center an overlay button using css transform and translate
CSS
1 vote338 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
0 vote354 views1 answer
Center postion absdolute
CSS
0 vote395 views1 answer
Select html stop blue border
CSS
12 votes369 views2 answers
Other children than first css
CSS
11 votes415 views4 answers
Git hard reset to commit
CSS
1 vote345 views1 answer
Css show newlines
CSS
0 vote380 views1 answer
How make button which is fixed even after i scroll
CSS