ugrás a tartalomhoz

Select háttérszíne mobilon

Blackfriar · 2021. Aug. 26. (Cs), 20.53
Sziasztok !
Select elem háttérszíne mobil készülék esetén mindig szürke (pl. Chrome, Opera esetében).
Lehetséges ezen állítani ?
‹ Egy könnyed nyári feladvány Ajax hiba ›
 ■
1

Szinte biztosan lehet

Pepita · 2021. Aug. 27. (P), 13.42
Eddig mit próbáltál ki?
2 perc alatt nem találtam releváns cikket, induljunk ki egy olyan példádból, ami desktopon műxik, mobilon nem.
2

FF: a select háttere minden

Blackfriar · 2021. Aug. 28. (Szo), 07.34
FF: a select háttere minden esetben fehér (PC és mobil)
Chrome, Opera: PC-n fehér, mobilon #ddd
Már ezekből is látni szerintem, hogy bug gyanús a dolog.
3

CSS?

Endyl · 2021. Aug. 28. (Szo), 09.25
Mi a CSS, amit használsz? De ahogy már sokszor írtam, minden esetben, amikor valamit nem sikerül stílusolni, akkor az appearance: none;-t érdemes kipróbálni.

Amúgy magát a select elemet egész jól lehet formázni. Az option-öknél (felugró menü rész) már erősen OS és böngésző függő, hogy mibe tudsz belenyúlni (appearance ide vagy oda).
4

Az option rész nem érdekel,

Blackfriar · 2021. Aug. 30. (H), 08.12
Az option rész nem érdekel, amúgy az appearance:none ott van a css-ben. Egyszerűen nem értem. Tetejében #ddd sehol nincs a kódban, csak sima fehér háttér.
Érdekes módon FF alatt alapesetben szürke a select háttere, de itt legalább működik a -moz-appearance:none PC és mobil esetén is.
Chrome esetén alapesetben fehér a háttér, viszont a -webkit-appearance:none ellenére mobil esetén szürke lesz a háttér.
5

Megoldódott

Blackfriar · 2021. Aug. 31. (K), 07.52
A selectnek is be kellett állítani a hátterét fehérre.
A döbbenet az, hogy a FF és Chrome esetén nemcsak a default értékek mások, de még eltérően is viselkednek.
Köszönet a segítségért.