Gibt es einen CSS-Selektor „:blur' und wie kann ich Elemente formatieren, wenn sie den Fokus verlieren?

CSS-Fokus- und Unschärfezustände

In CSS können Sie den :focus-Selektor verwenden, um Stile auf ein Element anzuwenden, das den Fokus hat. Es gibt jedoch keinen :blur-Selektor, der ein Element darstellt, das den Fokus verloren hat.

Dynamische Pseudoklassen und Elementzustände

Dynamische Pseudoklassen, einschließlich :focus und :hover repräsentieren Zustände von Elementen, keine Ereignisse oder Übergänge zwischen Zuständen. Daher gibt es keinen :blur-Selektor, der auf ein Element hinweist, das gerade den Fokus verloren hat.

Anwenden von Stilen ohne einen :blur-Selektor

Um Stile auf Elemente anzuwenden, die gerade den Fokus verloren haben nicht im Fokus, können Sie eine dieser Methoden verwenden:

• Verwenden :not(:focus) (mit eingeschränkter Browserunterstützung):

input:not(:focus), button:not(:focus) {
    /* Styles for non-focused form inputs and buttons */
}

• Standardstile für fokussierte Elemente überschreiben:

input, button {
    /* Default styles for all form inputs and buttons */
}

input:focus, button:focus {
    /* Override styles for focused form inputs and buttons */
}

Fazit

Während CSS kein dediziertes hat :blur selector, Sie können diese Techniken verwenden, um Stile basierend auf dem Fokusstatus eines Elements anzuwenden.

Das obige ist der detaillierte Inhalt vonGibt es einen CSS-Selektor „:blur' und wie kann ich Elemente formatieren, wenn sie den Fokus verlieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!