Procurei alguma pergunta que me ajudasse, mas ela ensinava a como retirar as setas do input com Bootstrap. Gostaria de saber como faço para tirá-las sem o Bootstrap.
<input type="number" name="txt_mas" id="txt_mas" class="ent_estilo">
Procurei alguma pergunta que me ajudasse, mas ela ensinava a como retirar as setas do input com Bootstrap. Gostaria de saber como faço para tirá-las sem o Bootstrap.
<input type="number" name="txt_mas" id="txt_mas" class="ent_estilo">
Creio que a forma mais fácil seria adicionar isso na sua folha de estilo css.
input[type=number]::-webkit-inner-spin-button, input[type=number]::-
webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
Vai resolver!
É bem simples, basta adicionar este código css:
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; /* <-- Aparentemente, algumas margens ainda estão lá, apesar de estar ocultas */
}
Configurações adicionais no firefox para que funcione corretamente:
input[type=number] {
-moz-appearance:textfield; /* Firefox */
}
Créditos para Sanjib Debnath respondida no stackoverflow em inglês, link da resposta: https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box