Ich vermute mit gelben Hintergrund meinst du das gelb vom Browser beim Autofill der Daten, hat also nix mit der login.css zu tun ;-) :
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{}
Jetzt wo du es sagst... ;-)
D.h. das kommt fest vom Chrome-Browser und ist nicht zu verhindern, richtig?
Im Edge-Browser ist es nämlich nicht der Fall.
Und der Submit-Button wird wie folgt angesprochen...
Danke!
Ich habe mir hier jetzt aus dem Theme den Button aus der CSS gezogen:
/* Buttons */button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #dd3333; /* Old browsers */
border: none;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 11px 24px 11px;
text-decoration: none;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #333333; /* Old browsers */
outline: none;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #333333; /* Old browsers */
border: none;
}
Alles anzeigen
...und dann umgewandelt in die custom-style.css für das Admin-Login:
.login .button-primary {
background: #dd3333; /* Old browsers */
border: none;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 11px 24px 11px;
text-decoration: none;
float: right;
}
.login .button-primary.focus,
.login .button-primary.hover {
background: #333333; /* Old browsers */
outline: none;
}
Alles anzeigen
Der Button im Normalzustand hat schonmal die richtige, Farbe, abgerundete Kanten usw.
Allerdings wird das hovern immer noch von dem Wordpress-Blau überschattet. Ebenso leuchtet das "Anmelden" noch blau.