Warum formatiert CSS „::after' mein „Element' in WebKit nicht?

Styling mit CSS :after Pseudo-Element in WebKit

In einem Versuch, die Ästhetik eines

Element ohne Rückgriff auf Bilder wurde folgendes HTML und CSS implementiert:

HTML:

<select name="">
  <option value="">Test</option>
</select>

CSS:

select {
  -webkit-appearance: none;
  background: black;
  border: none;
  border-radius: 0;
  color: white;
}

select::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: blue;
}

Das erwartete Ergebnis einer Aufteilung Die Verwendung des Pseudoelements ::after konnte nicht realisiert werden. Während die CSS-Spezifikationen keinen Einblick in dieses spezielle Szenario bieten, deuten weitere Untersuchungen darauf hin, dass das beobachtete Verhalten möglicherweise mit der Art und Weise zusammenhängt, wie Elemente werden vom Betriebssystem verarbeitet und überschreiben den über CSS angewendeten Stil.

Das obige ist der detaillierte Inhalt vonWarum formatiert CSS „::after' mein „Element' in WebKit nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!