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:082519parcourir
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.
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!