Skip to Content (Press Enter)
UserImage.jpg
Tamil Mathi P
252Views
3Comments
Solved
Arrows in input
Question

I am getting arrows when the input type is number. How to remove this arrow ?



Capturefield.PNG
0
0
11 Jan 2019
Copy Link
2021-04-09 11-42-43
assif_tiger
 
MVP
Solution

Tamil Mathi P wrote:

I am getting arrows when the input type is number. How to remove this arrow ?



Hi Tamil

Use this CSS: 

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



3
0
11 Jan 2019
Copy Link
UserImage.jpg
Tamil Mathi P

assif_tiger wrote:

Tamil Mathi P wrote:

I am getting arrows when the input type is number. How to remove this arrow ?



Hi Tamil

Use this CSS: 

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



Thank you ...



0
0
11 Jan 2019
Copy Link
2021-04-09 11-42-43
assif_tiger
 
MVP

Tamil Mathi P wrote:

assif_tiger wrote:

Tamil Mathi P wrote:

I am getting arrows when the input type is number. How to remove this arrow ?



Hi Tamil

Use this CSS: 

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



Thank you ...



Great It Help's you.

Keep Going..

Cheers

Assif


0
0
11 Jan 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.