造型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号码输入

回答

相关问题