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>
Comments
Post a Comment