Maison  >  Article  >  interface Web  >  Comment supprimer les flèches haut et bas dans la zone de saisie dans type de saisie = nombre

Comment supprimer les flèches haut et bas dans la zone de saisie dans type de saisie = nombre

一个新手
一个新手original
2017-10-10 10:27:383627parcourir

code html

默认:<input type="number" /><br><br>
处理:<input type="number" class="deal" />

code css

.deal::-webkit-textfield-decoration-container {
   background-color: #f0f3f9;
}    //添加背景色 下边两行是去掉input 输入框右边的上下箭头按钮.deal::-webkit-inner-spin-button {
   -webkit-appearance: none;
}
.deal::-webkit-outer-spin-button {
   -webkit-appearance: none;
}

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
Article précédent:Navigation CSS3 pureArticle suivant:Navigation CSS3 pure