Servus!

Hallo zusammen,

ich verzweifele gerade daran, einem select-Element in Safari mobile sein normales Erscheinungsbild (mit Pfeil) zurück zu geben.

Das funktioniert leider nicht. Im Wiki-Artikel steht:

Diese klassischen select-Menüs haben mehrere Nachteile:

• Als Inhalt der options ist nur Text möglich – keine Bilder und keine Auszeichnungselemente
• Eine Gestaltung mit CSS ist nur begrenzt möglich. Sie übernehmen ihr Aussehen vom Betriebssystem des Nutzers. Auf mobilen Geräten werden sie sogar aus der Seite herausgelöst und in einem eigenen Popup dargestellt.

Aufgrund dieser Probleme wichen Entwickler oft auf die oben vorgestellten versteckten Radio-Buttons, auf Lösungen mit klickbaren span-Elementen, die oft nicht zugänglich waren, oder auf in jedem Framework anders realisierte proprietäre Menüs aus.

Bei der Recherche habe ich auch auf der entsprechenden Wiki-Seite von SELFHTML nachgelesen.

none (Standardwert), betriebssystemspezifisches Styling bleibt erhalten

Das Gegenteil ist doch der Fall, oder nicht?

Imho nicht - iOS erzeugt eben sein eigenes, dem Betriebssystem entsprechendes Select-Menü.

In diesem Artikel steht noch nichts zu …

select,
::picker(select) {
  appearance: base-select;
}

Das trage ich nach!

Herzliche Grüße
Matthias Scharwies