How to remove arrows from input
How to remove arrows from input which increase or decrease the content of the data field? Actually, this is simple. This problem has been for a long time, since the browsers display input type=”number” differently.
Let’s solve this problem right now. Go to style sheet file of your site and enter the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
//Chrome: input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } //Firefox: input[type="number"] { -moz-appearance: textfield; } input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input; } //Other input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } |
This is all, now you can update your site, do not forget to delete cache, and everything will be displayed perfectly.
By the way, I advise you to have a look at other articles on CSS which will help you to improve the performance of your resources.
Contact Us
You are used to see a contact form here. Almost everyone does it. But while examining the behavior of people, we came to the conclusion that the form is completely unnecessary. In any case, it all comes down to discuss your project on WhatsApp. Why should we waste your time filling out various forms?