### [Cómo eliminar las flechas del campo de números](https://wpforms.com/developers/how-to-remove-the-arrows-on-the-numbers-field/)
**Publicado:** 13 de diciembre de 2019
**Autor:** Equipo Editorial
**Extracto:** En este artículo, usaremos CSS para eliminar las flechas predeterminadas que se muestran en el campo de formulario de Números.
**Contenido:**
¿Estás interesado en eliminar las flechas predeterminadas que aparecen en el campo de **Números** en WPForms? Es común que navegadores como Chrome, Safari y Firefox apliquen su propio estilo predeterminado a los campos de formulario, incluida la visualización de flechas en los campos de Números. Si deseas eliminar estas flechas, podemos guiarte a través del proceso.
Con un poco de CSS, puedes alterar sin esfuerzo la apariencia del campo del formulario. En este tutorial, te proporcionaremos el CSS necesario para eliminar las flechas del campo.
## Eliminar las flechas del campo de Números
Para eliminar este estilo, necesitaremos copiar y pegar el CSS personalizado en nuestro sitio.
Si necesitas ayuda sobre cómo y dónde agregar tu CSS personalizado, [revisa este tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Cómo agregar estilos CSS personalizados para WPForms").
#### Para un formulario específico
Este CSS solo se aplicará a los campos de formulario de **Número** en el ID de formulario específico **612**. Deberás actualizar este ID antes de usar este CSS.
Si necesitas ayuda para encontrar el ID de tu formulario, [consulta este tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Cómo localizar el ID del formulario y el ID del campo").
```
form#wpforms-form-612 input[type="number"]::-webkit-outer-spin-button, form#wpforms-form-612 input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
form#wpforms-form-612 input[type="number"] {
-moz-appearance: textfield;
}
```
#### Para todos los formularios
Si solo deseas eliminar las flechas para todos tus formularios, usarías este CSS.
```
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
input[type="number"] {
-moz-appearance: textfield !important;
}
```
Este CSS no cambia la funcionalidad del campo del formulario. Solo se aceptan números dentro del campo de formulario de **Números**, pero después de agregar el CSS, ya no verás las flechas en el campo.
Y eso es todo lo que necesitas para eliminar las flechas hacia arriba y hacia abajo en el campo de **Números**. ¿Te gustaría dar estilo a otros campos de formulario también? Consulta nuestro artículo sobre [Cómo agregar estilo a los campos basados en texto](https://wpforms.com/developers/how-to-customize-the-styling-of-text-based-form-fields/).
**Categorías:** Campos
**Etiquetas:** CSS
---