ホームページ  >  記事  >  ウェブフロントエンド  >  input type=number の入力ボックスの上矢印と下矢印を削除する方法

input type=number の入力ボックスの上矢印と下矢印を削除する方法

一个新手
一个新手オリジナル
2017-10-10 10:27:383627ブラウズ

htmlコード

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

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;
}

以上がinput type=number の入力ボックスの上矢印と下矢印を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。