Riassunto AI
Sei interessato a rimuovere le frecce predefinite che appaiono nel campo Numeri in WPForms? È comune che browser come Chrome, Safari e Firefox applichino il proprio stile predefinito ai campi modulo, inclusa la visualizzazione di frecce sui campi Numeri. Se desideri rimuovere queste frecce, possiamo guidarti attraverso il processo.
Con un po' di CSS, puoi modificare facilmente l'aspetto del campo modulo. In questo tutorial, ti forniremo il CSS necessario per eliminare le frecce dal campo.
Rimozione delle frecce sul campo Numeri
Per rimuovere questo stile, dovremo copiare e incollare il CSS personalizzato sul nostro sito.
Se hai bisogno di assistenza su come e dove aggiungere il tuo CSS personalizzato, ti preghiamo di consultare questo tutorial.
Per un modulo specifico
Questo CSS verrà applicato solo ai campi modulo Numeri nell'ID modulo specifico 612. Dovrai aggiornare questo ID prima di utilizzare questo CSS.
Se hai bisogno di aiuto su come trovare l'ID del tuo modulo, ti preghiamo di consultare questo tutorial.
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;
}
Per tutti i moduli
Se desideri semplicemente rimuovere le frecce per tutti i tuoi moduli, useresti questo 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;
}
Questo CSS non modifica la funzionalità del campo modulo. Solo i numeri sono accettati all'interno del campo modulo Numeri, ma dopo aver aggiunto il CSS, non vedrai più le frecce sul campo.
E questo è tutto ciò che ti serve per rimuovere le frecce su e giù dal campo Numeri. Desideri stilizzare anche altri campi modulo? Dai un'occhiata al nostro articolo su Come Aggiungere Stile ai Campi Basati su Testo.