Wie kann ich das Erscheinungsbild eines Elements nur mit CSS gestalten?

Auswählen gestalteter Auswahlen mit CSS

Beim Versuch, eine Beim Erstellen eines Elements mit Stil unter Verwendung des Pseudoelements ::after ist ein Benutzer auf ein unerwartetes Problem gestoßen. Das gewünschte Ergebnis bestand darin, die Auswahlbox in zwei Abschnitte zu unterteilen, ohne Bilder einzubinden. Trotz der Definition des folgenden HTML- und CSS-Codes:

Test 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 Styling konnte nicht umgesetzt werden. Eine Untersuchung der W3C-Spezifikationen ergab keine Klarheit.

Die Grenzen des Ansatzes

Nach sorgfältiger Analyse wurde festgestellt, dass der gewünschte Effekt derzeit mit den angegebenen nicht erreichbar ist Methode aufgrund intrinsischer Einschränkungen. Die Art und Weise, wie ausgewählte Elemente auf bestimmten Betriebssystemen gerendert werden, und nicht die interne Rendering-Engine des Browsers, verhindert die Änderung ihres Aussehens oder Verhaltens durch CSS.