### [Come personalizzare il placeholder di Authorize.net](https://wpforms.com/developers/how-to-customize-the-authorize-net-placeholder/)
**Pubblicato:** 7 luglio 2021
**Autore:** Team Editoriale
**Estratto:** Questo tutorial ti mostrerà come utilizzare i CSS per stilizzare il tuo placeholder di Authorize.net.
**Contenuto:**
## Introduzione
Vorresti personalizzare il placeholder di Authorize.net che vedi nel campo **Numero Carta di Credito**? Usando i CSS puoi facilmente stilizzare non solo il campo del numero, ma anche il campo **Codice di Sicurezza**. In questo tutorial, ti mostreremo i CSS necessari per stilizzare questi due campi.
Per impostazione predefinita, il campo in cui inserisci la tua carta di credito è stilizzato con alcune impostazioni predefinite.
## Creazione del modulo
Innanzitutto, inizieremo creando un semplice modulo di donazione e aggiungendo il campo Carta di Credito Authorize.net. Se hai bisogno di assistenza su come creare questo tipo di modulo, [consulta questa documentazione](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/ "Come installare e utilizzare il componente aggiuntivo Authorize.Net con WPForms").
Una volta aggiunto il campo modulo Authorize.net, vai su **Opzioni Campo** e fai clic sulla scheda **Avanzate**. Da lì, puoi aggiungere il testo del tuo **Placeholder**.
## Aggiunta dei CSS
Ora è il momento di aggiungere i CSS al tuo sito.
Se hai bisogno di assistenza nell'aggiungere CSS al tuo sito, [consulta questo tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "Come aggiungere stili CSS personalizzati per WPForms").
```
input.wpforms-field-authorize_net-cardnumber::-webkit-input-placeholder,
input.wpforms-field-authorize_net-cardcvc::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #333333;
font-weight: 500;
font-family: "Roboto";
font-size: 18px;
background-color: #f6f6f6;
}
input.wpforms-field-authorize_net-cardnumber::-webkit-input-placeholder,
input.wpforms-field-authorize_net-cardcvc::-webkit-input-placeholder {
/* Firefox 19+ */
color: #333333;
font-weight: 500;
font-family: "Roboto";
font-size: 18px;
background-color: #f6f6f6;
}
input.wpforms-field-authorize_net-cardnumber::-webkit-input-placeholder,
input.wpforms-field-authorize_net-cardcvc::-webkit-input-placeholder {
/* IE 10+ */
color: #333333;
font-weight: 500;
font-family: "Roboto";
font-size: 18px;
background-color: #f6f6f6;
}
input.wpforms-field-authorize_net-cardnumber::-webkit-input-placeholder,
input.wpforms-field-authorize_net-cardcvc::-webkit-input-placeholder {
/* Firefox 18- */
color: #333333;
font-weight: 500;
font-family: "Roboto";
font-size: 18px;
background-color: #f6f6f6;
}
```
Il nome della classe CSS **input.wpforms-field-authorize\_net-cardnumber** stilizzerà solo il campo **Numero Carta** mentre il nome della classe **input.wpforms-field-authorize\_net-cardcvc** stilizzerà solo il campo **Codice di Sicurezza**.
I CSS sopra stilizzeranno tutti i campi del numero di carta e del codice di sicurezza per Authorize.net per tutti i moduli.
E questo è tutto ciò che serve per personalizzare i campi placeholder di Authorize.net. Vorresti anche inviare un numero di fattura? Dai un'occhiata a questo articolo su [Come inviare un numero di fattura ai pagamenti Authorize.net](https://wpforms.com/developers/how-to-send-an-invoice-number-through-to-authorize-net-payments/ "Come inviare un numero di fattura ai pagamenti Authorize.net").
**Categorie:** Tutorial
**Tag:** CSS
---