造型HTML5號碼輸入

是否有可能樣式默認HTML5 input type="number"看起來是這樣的：造型HTML5號碼輸入

還是我必須用其他元素的「箭頭」？找不到它們的CSS選擇器。

HTML：

<input class="qnt amount" name="qnt" min="1" max="100" type="number" value="1">

CSS：

input{ 
    display:block; 
    margin-top:12px; 
    text-align:center; 
    width:125px; 
    height:30px; 
    outline:1px solid black; 
    border:none; 
}

來源

2014-10-02 user43132

它們是瀏覽器特定的東西。 – 2014-10-02 10:46:08

你不能。表單字段由underliyng chrome（意思是瀏覽器/操作系統組合）繪製。他們沒有CSS選擇器。

如果你喜歡有你的風格。你必須在原始輸入前做出一些新的元素（或者隱藏輸入並將新的元素放在適當位置）。該元素將以某種方式與JavaScript一起工作，並始終更新輸入字段的值。

來源

2014-10-02 10:45:32 HerrSerker

我以爲你可以選擇輸入[類型=數字]並玩弄CSS，也許'箭頭'也可以..哦哦:)謝謝 – user43132 2014-10-02 10:48:57

但我在這裏找到了一些解決方法：http：// jsfiddle。 net/Volker_E/WwfW9 /也許它是瀏覽器兼容的 – HerrSerker 2014-10-02 10:52:10

哈哈，現在多數民衆贊成...有沒有辦法一直顯示'旋鈕'？ – user43132 2014-10-02 10:59:52

造型HTML5號碼輸入

回答

相關問題