在編寫網頁時,我們經常需要在輸入框中只允許輸入整數,如何實現呢?這時候就需要使用CSS了。
在CSS中,我們可以通過以下代碼限制輸入框只能輸入數字:
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; }
在上述代碼中,我們首先對標簽中type為number的元素進行了樣式設置,使其內部的上下按鈕全部消失,然后再將其外觀設置為文本輸入框。
這樣,就可以實現一個只允許輸入整數的輸入框了。
上一篇css 變量 常量
下一篇css3控制動畫暫停