是否可以将默认的 HTML5 input type="number"
样式设置为如下所示:
或者我必须为“箭头”使用额外的元素吗?找不到它们的 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;
}
最佳答案
你不能。表单字段由 underliyng chrome(意味着浏览器/操作系统组合)绘制。他们没有 CSS 选择器。
如果你喜欢有自己的风格。您必须在原始输入前面创建一些新元素(或隐藏输入并将新元素放在适当的位置)。该元素将以某种方式与 JavaScript 一起工作,并始终更新输入字段的值。
关于css - 样式化 HTML5 数字输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26159135/