hide arrows from input number css

Shirshak Kandel answered on February 11, 2023 Popularity 10/10 Helpfulness 10/10

answer hide arrows from input number css

hide arrows from input number css

Comment

Tip Shirshak Kandel 1 GREPCC

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type="number"] {
   -moz-appearance: textfield;
}

/*if you want in specific input then add apperance none and margin 0 to specific
input

xxxxxxxxxx

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

   -webkit-appearance: none;

   margin: 0;

/* Firefox */

input[type="number"] {

   -moz-appearance: textfield;

/*if you want in specific input then add apperance none and margin 0 to specific

input

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: arrows css hide input

Link to this answer
Share Copy Link

Contributed on Feb 11 2023

Shirshak Kandel

0 Answers Avg Quality 2/10

hide arrows from input number css

Contents

More Related Answers

hide arrows from input number css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.