Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save xgqfrms-GitHub/f75ef970547dba1206bf91f56f877586 to your computer and use it in GitHub Desktop.
Save xgqfrms-GitHub/f75ef970547dba1206bf91f56f877586 to your computer and use it in GitHub Desktop.
input=number & spin style (arrows)

input=number & spin style (arrows)

how to hidden [input=number] browser default spin style

css input type number remove arrows

@charset "UTF-8";
.search-spaces {
    margin-left: 50px;
}

div#spin {
    visibility: none;
}

div[pseudo="-webkit-inner-spin-button"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
}


/*pseudo="-webkit-inner-spin-button"*/


/*id="spin"*/


/*let s = document.querySelector("#spin");*/

OK

https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment