CSS :out-of-range-Pseudoklasse

Die :out-of-range-Pseudoklasse formatiert Elemente mit Bereichsbeschränkungen, wenn der Wert des Elements außerhalb des angegebenen Bereichs liegt.

INFO

Der :out-of-range-Selektor funktioniert nur für <input>-Elemente mit min- und/oder max-Attributen.

Version

Selectors Level 4

Syntax

CSS :out-of-range Syntaxbeispiel

css

:out-of-range {
  css declarations;
}

Beispiel für den :out-of-range-Selektor:

CSS :out-of-range Codebeispiel

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      input:out-of-range {
        border: 3px solid #8ebf42;
      }
    </style>
  </head>
  <body>
    <h2>:out-of-range selector example</h2>
    <form>
      <input type="number" min="1" max="12" value="15" />
    </form>
  </body>
</html>

Try it Yourself »

Practice

Was ist der Zweck des :out-of-range-Pseudoklassen-Selektors in CSS?

Es wird verwendet, um HTML-Formulare mit Eingabeelementen zu formatieren, die Werte außerhalb eines angegebenen Bereichs enthalten.Es wird verwendet, um HTML-Formulare mit Eingabeelementen zu formatieren, die Werte innerhalb eines angegebenen Bereichs enthalten.Es wird verwendet, um Elemente von einer Webseite auszublenden, wenn sie nicht im Ansichtsfenster (Viewport) liegen.Es wird verwendet, um Effekte oder Animationen auf ein Element anzuwenden, wenn ein Benutzer damit interagiert.Es wird verwendet, um aktivierte Formularsteuerelemente zu formatieren.

CSS :out-of-range-Pseudoklasse ​

Version ​

Syntax ​

Beispiel für den :out-of-range-Selektor: ​

Practice ​

CSS :out-of-range-Pseudoklasse

Version

Syntax

Beispiel für den :out-of-range-Selektor:

Practice