Ich habe ein Formular auf einer Website mit Eingabe mit dem erforderlichen Attribut.Formular - CSS/Erforderliches Attribut aktiver Stil
Wenn das erforderliche Attribut in Firefox aktiviert ist (wenn Benutzer das Formular nicht korrekt ausfüllen), gibt es eine Art roten Rand an meiner Eingabe.
Ich würde gerne wissen, wie kann ich das ändern? Kann ich den Stil des gewünschten Effekts manipulieren, wenn er aktiviert ist?
Danke für Ihre Antworten!
Sie können es durch :valid und :invalid Pseudo-Klasse steuern.
input:valid {
border: 1px solid green;
outline: none;
}
input:invalid {
border: 1px solid red;
outline: none;
}<input type="text" required />Überprüfen Sie [caniuse] (http://caniuse.com/#feat=form-validation) für die Browserkompatibilität – RDardelet
Sie verwenden zwei pseudo-Selektoren in Kombination: :required:invalid und :required:valid
Zum Beispiel:
input[type=text]:required:invalid { border-color: red; }
Vielen Dank für Ihre Antworten, aber es funktioniert nicht Arbeit ...
Es gibt noch einen zweiten Aufhellung roten Ränder auf meinem Eingang wehn ich auf dem Absenden-Button klicken
Bitte Beispielcode zur Verfügung stellen. –
können Sie den Inline-Code-Editor von stackoverflow verwenden oder https://jsfiddle.net/ verwenden. – fehrlich