/CSS/How to remove up and down arrows from input type number

How to remove up and down arrows from input type number

How to remove up and down arrows from input type number

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

12

Remove arrows input number

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none;
}

-1

Source: css-tricks.com

Similar codes

0 vote179 views1 answer
Change image link css
CSS
0 vote226 views1 answer
Html css how to arrange images of different sizes
CSS
13 votes193 views4 answers
Delected blue border when an input is selected
CSS
1 vote199 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
-1 vote204 views2 answers
Add sass to react
CSS
28 votes246 views5 answers
Default cursor css
CSS
0 vote194 views1 answer
Wordpress dashboard css broken
CSS
3 votes221 views2 answers
Css affect all child elements
CSS
0 vote214 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
6 votes203 views3 answers
How to round input border
CSS

Share