国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

Der Unterschied zwischen CSS-Attributselektoren und Pseudoelementen für Eingabe-Tags

P粉988025835 2023-09-10 15:43:12

647

**In der CSS-Datei:**

input[type="text"]{
border: 2px solid red;
}

input::placeholder{

color:green;
}

input[title="google"]{
background-color:black;
color:white;
}

Warum sind die Schreibverfahren für Typen, Platzhalter und Titel unterschiedlich? Auch wenn der Text im -Tag gleich aussieht. Wie kann man verstehen, welche Attribute und welche Elemente sind?

P粉988025835

Antworte allen(1)

P粉8091101292023-09-11 09:14:41 1 Etage

input::placeholder 選擇的占位符，而 input[attribute="value"] 選擇 > 其屬性值為 value。它們做不同的事情。

可視化示例：

/* Selects an <input> with a 'placeholder' attribute */
input[placeholder] {
  color: #2ab7ca;
}

/* Selects the placeholder itself */
input::placeholder {
  color: #ff6b6b;
}


/* Ignore these */

body {
  margin: 0;
  padding: 2em;
}

input {
  display: block;
  margin: 1em 0;
  height: 2em;
  width: 100%;
  padding: 0.5em;
}

<input
  type="text"
  placeholder="This placeholder is red and not editable."
>

<input
  type="text" placeholder=""
  value="...whereas the input content itself is blue and editable."
>

注意：此答案是從評論轉(zhuǎn)換而來的，因為我找不到任何重復(fù)的目標(biāo)。