是否可能总是显示输入“number”的上/下箭头？ [英] Is it possible to always show up/down arrows for input "number"?

问题描述

我想总是显示上/下箭头输入数字字段。这可能吗？到目前为止，我还没有任何运气...搜索结果
http://jsfiddle.net/oneeezy / qunbnL6u /

HTML：

 < input type =number/> 
   

CSS ：

  input [type = number] ::  -  webkit-inner-spin-button，
 input [type = number] ::  -  webkit-outer-spin-button { 
 
 -webkit-appearance：总是显示向上/向下箭头; 
 
} 
  

解决方案

可以使用Opacity属性实现这一点（至少在Chrome中）：

  input [type = number] ::  -  webkit-inner -spin-button，
 input [type = number] ::  -  webkit-outer-spin-button {
 
 opacity：1; 
 
} 
  

如上所述，这可能只适用于Chrome。所以要小心使用这个代码在野外，没有回退为其他浏览器。

I want to always show up/down arrows for input "number" field. Is this possible? So far I haven't had any luck...

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

HTML:

<input type="number" />

CSS:

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

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

}

解决方案

You can achieve this (in Chrome at least) by using the Opacity property:

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

   opacity: 1;

}

As stated above, this will likely only work in Chrome. So be careful using this code in the wild without a fallback for other browsers.

这篇关于是否可能总是显示输入“number”的上/下箭头？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！