如何從 WebKit 瀏覽器的數位輸入欄位中刪除旋轉按鈕？

在輸入類型「數字」上覆寫Webkit 的旋轉按鈕

Mobile Safari 為指定為「數字」的輸入欄位提供了針對行動裝置最佳化的數字鍵盤「 類型。然而，在Chrome 和Safari上，瀏覽器平台利用旋轉按鈕來增加或減少顯示的數字，這可能會破壞某些設計美感。的外觀和邊距：

input[type=number]::-webkit-outer-spin-button {<p></p> }<pre class="brush:php;toolbar:false">-webkit-appearance: none;
margin: 0;

將-webkit-appearance 設定為none，旋轉按鈕將在視覺上消失。可確保輸入欄位右側沒有不必要的間距。

以上是如何從 WebKit 瀏覽器的數位輸入欄位中刪除旋轉按鈕？的詳細內容。更多資訊請關注PHP中文網其他相關文章！