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

在Webkit 中抑制輸入類型「數位」旋轉按鈕

為行動裝置（Mobile Safari）和桌面用戶（Chrome）設計網站時、Safari），請考慮使用 為數字條目指定的輸入欄位的視覺美感。標籤。在行動裝置上，此標籤最有利於透過數字鍵盤輸入數字。但是，在 Chrome 和 Safari 中，這些欄位旁邊會出現不必要的旋轉按鈕，可能會與設計美觀發生衝突。

使用CSS 停用旋轉按鈕

使用CSS 消除這些按鈕，利用以下程式碼：

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

此程式碼有效隱藏了內部和外部旋轉按鈕，確保乾淨、時尚數位輸入欄位的設計。此外，請記住將這些元素的邊距設為零，以防止輸入欄位周圍出現不必要的間距。

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