Chrome input type=“number” 樣式

要設定輸入型別 = 數字的樣式，請使用以下 CSS -

input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

上面展示了沒有增量器的情況。

要顯示和設定增量器的樣式，請使用

input[type=number]::-webkit-inner-spin-button {
   opacity: 1;
}

輸出

上述內容顯示了以下輸出 -

Lakshmi Srinivas

更新於： 25-6-2020

1K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始吧