Remove the arrows in the field type number

Navigation
4

Colleagues.

I'm using the code below for when the user accesses the smartphone, the numbers keypad appears: 

<input type="number" value="" class="form-control">

But on the desktop, when you click inside the field, you see arrows:

How would you optimize and remove these arrows? Would you have any other solution?

    
asked by anonymous 15.01.2017 / 23:30

1 answer

4

based on this: question 

input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}
   input[type=number] { 
   -moz-appearance: textfield;
   appearance: textfield;
   margin: 0; 
}

 
<input type="number" />
    
15.01.2017 / 23:38
What is memoization? [duplicate] Logistic regression with non-binary variable