Pb de CSS avec Safari

Bonjour,

Voici le code qui marche bien sur Windows/Firefox mais qui marche pas sur Apple/Safari.

<select class="form-control" id="sel1" style="width: 260px;background: var(--bs-gray-dark);border-color: var(--bs-secondary);color: var(--bs-white);">
<option style="background-color:rgb(188,216,225); color:#000;" value="#bcd8e1">300 Azzurro Pastello</option>
</select>

L'item a la couleur de fond background-color; ça marche sur Windows mais pas sur les versions Safari de 2021

Merci.
Modifié par parsimonhi (06 Feb 2022 - 23:40)

Bonjour,

On ne peut pas trop styler les balises <option>.

Ça dépend du bon vouloir des navigateurs. Et il n'y a pas que safari qui ne fait pas ce que tu attends. Sur Mac OS, chrome fait pareil que safari, c'est à dire rien (à vérifier sous windows pour chrome et edge : je n'en ai pas sous la main). Ce ne sont pas des bugs.

D'une manière générale, il y a beaucoup de limitations quand on essaie de styler les éléments d'un formulaire.

Amicalement,
Modifié par parsimonhi (07 Feb 2022 - 00:16)