css - Input type="number" inner spinner style on Mozilla (Recent issue) -


i've been trying day remove "up" , "down" button in input type="number" on mozilla firefox developer edition , tried css style find on here or else, still doesn't work hide them.

i'm working on ff developer build 54.0a2 , fine on previous build css:

input[type=number] {     -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {     -webkit-appearance: none;     margin: 0; }   

thanks if can me :)

you can use following (or similar) cross-browser hack if want - if nobody can see arrows ever exist:

.hidearrows {    position:absolute;    display:inline-block;    margin-left:-21px;    background-color:#fff;    z-index:10;    height:20px;    width:20px;    margin-top:1px;  }
<input type="number" value="1" step="1" value="1" /><span class="hidearrows"></span>

https://jsfiddle.net/6c3brbjo/


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -