Comment supprimer la flèche de certains éléments dans Internet Explorer ?

Dissiper la flèche dans IE : une énigme de style

La suppression transparente de la flèche sur un élément sélectionné est un jeu d'enfant dans les navigateurs comme Firefox , Safari et Chrome. Cependant, le puissant IE9 se révèle être un adversaire tenace dans cette quête méticuleuse.

Pour relever ce défi, nous plongeons dans le domaine du CSS. Une approche prometteuse pour IE9 implique un hack astucieux :

.styled-select select div::before {
    display: none;
}

Dans ce code, nous utilisons display: none; pour vaincre la flèche de l'emprise d'IE9. De plus, si le navigateur ciblé est le plus récent IE10, nous pouvons exploiter CSS3 pour atteindre notre objectif :

select::-ms-expand {
    display: none;
}

Cependant, pour ceux qui recherchent une solution plus robuste, Chosen.js apparaît comme un vaillant plugin jQuery qui permet au développeur de personnaliser l'élément de sélection avec finesse. Néanmoins, les âmes intrépides préféreront peut-être forger leur propre solution dans le domaine de JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!