鍍金池/ 問答/HTML/ 當(dāng)input的type =number的時(shí)候,為什么輸入框右側(cè)會(huì)出現(xiàn)點(diǎn)擊后增加的

當(dāng)input的type =number的時(shí)候,為什么輸入框右側(cè)會(huì)出現(xiàn)點(diǎn)擊后增加的按鈕?

按上邊,就加1,按下面就減1?
圖片描述

回答
編輯回答
逗婦乳

加下面的代碼可以去掉

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
2017年5月20日 14:23
編輯回答
話寡

這個(gè)是瀏覽器自帶的屬性,可以用css去除

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}

不過真正不想要的話建議用type="tel"

2017年5月2日 08:22
編輯回答
野橘

這是瀏覽器【UI后端】的默認(rèn)效果,一般情況下此type使用在移動(dòng)端吊起不同的虛擬鍵盤,此處為PC端,可以使用一樓的回答進(jìn)行css reset,但是你既然不需要就直接使用text即可,這樣瀏覽器的渲染效率也會(huì)好一點(diǎn)點(diǎn)。如果你使用的是移動(dòng)端,使用type="tel"的話會(huì)吊起用戶默認(rèn)鍵盤的數(shù)字模式,但是可以切回字母鍵盤,但使用type="tel"可以吊起純數(shù)字鍵盤,且不可切換字母鍵盤,具體怎么用看你們的需要吧

2018年2月7日 02:34