### [Anpassen des Authorize.net-Platzhalters](https://wpforms.com/developers/how-to-customize-the-authorize-net-placeholder/)
**Veröffentlicht:** 7. Juli 2021
**Autor:** Redaktionsteam
**Auszug:** Dieses Tutorial zeigt Ihnen, wie Sie mit CSS den Authorize.net-Platzhalter gestalten können.
**Inhalt:**
## Einführung
Möchten Sie den Authorize.net-Platzhalter, den Sie im Feld **Kreditkartennummer** sehen, anpassen? Mit CSS können Sie nicht nur das Nummernfeld, sondern auch das Feld **Sicherheitscode** gestalten. In diesem Tutorial zeigen wir Ihnen das benötigte CSS, um diese beiden Felder zu gestalten.
Standardmäßig wird das Feld, in das Sie Ihre Kreditkarte eingeben, mit einigen Standardstilen versehen.
## Erstellen des Formulars
Zuerst erstellen wir ein einfaches Spendenformular und fügen das Authorize.net-Kreditkartenfeld hinzu. Wenn Sie Hilfe beim Erstellen dieser Art von Formular benötigen, [lesen Sie bitte diese Dokumentation](https://wpforms.com/docs/how-to-install-and-use-the-authorize-net-addon-with-wpforms/ "How to Install and Use the Authorize.Net Addon with WPForms").
Sobald Sie das Authorize.net-Formularfeld hinzugefügt haben, navigieren Sie zu den **Feldoptionen** und klicken Sie auf die Registerkarte **Erweitert**. Dort können Sie Ihren **Platzhaltertext** eingeben.
## Hinzufügen des CSS
Jetzt ist es an der Zeit, das CSS zu Ihrer Website hinzuzufügen.
Wenn Sie Hilfe beim Hinzufügen von CSS zu Ihrer Website benötigen, [sehen Sie sich dieses Tutorial an](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "How to Add Custom CSS Styles for 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;
}
```
Der CSS-Klassenname **input.wpforms-field-authorize\_net-cardnumber** formatiert nur das Feld **Kartennummer**, während der Klassenname **input.wpforms-field-authorize\_net-cardcvc** nur das Feld **Sicherheitscode** formatiert.
Das obige CSS formatiert alle Karten- und Sicherheitscodefelder für Authorize.net für alle Formulare.
Und das ist alles, was Sie brauchen, um die Authorize.net-Platzhalterfelder anzupassen. Möchten Sie auch eine Rechnungsnummer senden? Sehen Sie sich diesen Artikel an: [So senden Sie eine Rechnungsnummer an Authorize.net-Zahlungen](https://wpforms.com/developers/how-to-send-an-invoice-number-through-to-authorize-net-payments/ "How to Send an Invoice Number Through to Authorize.net Payments").
**Kategorien:** Tutorials
**Schlagwörter:** CSS
---