Maison  >  Article  >  interface Web  >  Comment supprimer la flèche de sélection en CSS

Comment supprimer la flèche de sélection en CSS

藏色散人
藏色散人original
2021-04-12 14:32:082532parcourir

Comment supprimer la flèche de sélection en CSS : créez d'abord un exemple de fichier HTML ; puis créez un menu à sélection unique ou multiple via la balise select ; enfin effacez le style de boîte de sélection par défaut via des attributs tels que "apparence : aucun ;" C'est tout.

Comment supprimer la flèche de sélection en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

css clear select style de flèche déroulante

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
        select::-ms-expand { display: none; }          
         .info-select{
            width: 88px;
            height: 25px;
            border: none;
            outline: none;
            /*将默认的select选择框样式清除*/
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            -ms-appearance:none;
           /*在选择框的最右侧中间显示小箭头图片*/
           background: url(img/sele.png) no-repeat scroll right center transparent;     
           /***将sele.png替换为你的下拉箭头**/      
         }
        </style>
    </head>
    <body>
        <select class="info-select">
            <option selected="selected">1</option>
            <option>2</option>
        </select>
    </body>
</html>

[Apprentissage recommandé : tutoriel vidéo CSS]

Cet exemple peut remplacer la liste déroulante selet flèche, applicable uniquement Pour les navigateurs non-IE, le style IE est le style par défaut

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn