相关疑难解决方法(0)

是否可以始终显示输入"数字"的向上/向下箭头?

我想总是显示输入"数字"字段的向上/向下箭头.这可能吗?到目前为止,我没有运气...

http://jsfiddle.net/oneeezy/qunbnL6u/

HTML:

<input type="number" />
Run Code Online (Sandbox Code Playgroud)

CSS:

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   -webkit-appearance: "Always Show Up/Down Arrows";

}
Run Code Online (Sandbox Code Playgroud)

html5 webkit input css3 shadow-dom

55
推荐指数
2
解决办法
6万
查看次数

在数字输入,CSS,HTML上增加上下箭头的大小

有没有一种方法可以通过使用CSS来增加数字输入框右侧的向上和向下箭头的大小?只是上下箭头,而不是整个输入框,或者至少是成比例的。请参阅以下示例:

.size-36 {
font-size: 36px;
}

.size-12 {
font-size: 12px;
}
Run Code Online (Sandbox Code Playgroud)
<input type="number" class="size-36" value="2" min="0" max="10" step="1">
<input type="number" class="size-12" value="2" min="0" max="10" step="1">
Run Code Online (Sandbox Code Playgroud)

<input type="number" value="2" min="0" max="10">
Run Code Online (Sandbox Code Playgroud)

当前结果:

这就是当前在Chrome上的外观。

html5 css3

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

css3 ×2

html5 ×2

input ×1

shadow-dom ×1

webkit ×1