how to off arrows from the Input Type Number with css

Input type number has a small arrow up/down, we use for the value increasing and decreasing. You can use the -webkit prefix for the opera, chrome and safari, snippet for hiding the spinner. When mouse over on the Input type number arrows showing, you want off the arrows so use this css.

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

</style>

No comments:

Note: Only a member of this blog may post a comment.

Copyright Reserved to Anything Learn. Powered by Blogger.