CSS可以設置輸入數字的樣式,使其更加美觀和易于閱讀。下面介紹幾種常見的設置方法。
input[type="number"] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; font-weight: 500; text-align: center; }
以上代碼可以設置輸入數字的樣式,包括寬度、內邊距、外邊距、邊框、圓角、字體大小、字體粗細和對齊方式。
下面介紹一個常見的需求,即輸入數字時限制其范圍:
input[type="number"] { min: 0; max: 100; }
以上代碼可以限制輸入數字的范圍在0-100之間。
下面介紹一個常見的需求,即輸入數字時增加步長:
input[type="number"] { step: 5; }
以上代碼可以設置輸入數字的步長為5,即每次增加或減少5。
通過以上設置,我們可以美化輸入數字的樣式、限制其范圍和增加步長,提升用戶體驗。