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

1 vote289 views1 answer
How to scale a bg image acc to size of div
CSS
3 votes253 views1 answer
Css scrollbar position to bottom
CSS
0 vote266 views2 answers
Add custom taxonomy into permalinks post_type_link
CSS
19 votes266 views2 answers
Css center div vertically
CSS
1 vote285 views1 answer
Bootstrap card hover effect
CSS
7 votes277 views1 answer
Git clone command in terminal
CSS
0 vote262 views1 answer
Flex direction tailwind
CSS
0 vote298 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
2 votes262 views1 answer
Otf css3 font-face
CSS
7 votes279 views6 answers
Background overlay css
CSS