How to remove Input buttons type="number"

Question

How to remove Input buttons type="number"

Navigation

#1 by (10 votes)

5

How to remove the two buttons of Input type="number" in HTML5? Example:

<p>Quero que isso:</p>
<input type="number">

<p>Vire isso porém sem usar o text, pois preciso do comportamento do number:</p>
<input type="text">

html css

asked by anonymous 04.08.2017 / 15:55

1 answer

How to create a for in R with the indexes of a data frame What to do so that when the user hover over an image, it widens a bit? (preferably using only HTML and CSS)

score 10 · Accepted Answer

Locking by css.

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield;
}

<input type="number" onkeypress='return event.charCode >= 48 && event.charCode <= 57'></input>

Or you could do a text and validate by just accepting numbers. As below:

<input type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
</input>