造型HTML5号码输入(Styling HTML5 number input)

是否有可能样式默认HTML5 input type="number"看起来是这样的：

还是我必须用其他元素的“箭头”？ 找不到CSS选择他们。

的jsfiddle

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;
}

Answer 1:

你不能。 表单字段由underliyng铬（意为浏览器/操作系统组合）绘制。 他们没有CSS选择器。

如果你喜欢你的风格。 你必须在原始输入前面一些新的元素（或隐藏输入，并把新的元素的地方）。 此元素会以某种方式与JavaScript的合作，并随时更新输入字段的值。

文章来源: Styling HTML5 number input