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 vote234 views1 answer
Menu multiple colums batch
CSS
22 votes258 views6 answers
Box shadow css
CSS
2 votes222 views3 answers
Ul hide bullet css
CSS
0 vote218 views1 answer
Css convert td to tr
CSS
47 votes222 views4 answers
Transform
CSS
0 vote241 views2 answers
Css flex justify self
CSS
0 vote177 views1 answer
Tailwind css strikethrough
CSS
0 vote228 views1 answer
Move list item to left css
CSS
1 vote241 views2 answers
Place items
CSS
11 votes209 views2 answers
How to center horizontally and vertically block div
CSS