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

0 vote117 views1 answer
Cs cirlce
CSS
17 votes124 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
4 votes116 views2 answers
Import fontawesome
CSS
0 vote107 views1 answer
Centrizing a table with css
CSS
0 vote119 views1 answer
How to make text transparent with stroke in css
CSS
3 votes131 views5 answers
Css keep aspect ratio image
CSS
1 vote63 views2 answers
Css darken
CSS
1 vote127 views1 answer
Materialize button
CSS
0 vote110 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
1 vote105 views1 answer
Jquery css multiple line
CSS