How to use Number field for phone number (without up and down arrows)

Viewing 3 replies - 1 through 3 (of 3 total)
  • shanehaden

    (@shanehaden)

    10 years ago

    Hello there,

    Thank you for writing in.

    You can put the following css code in the style.css file of the active theme to have the up and down arrow disappear. 

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

input[type=number] {
    -moz-appearance:textfield;
}

    There is no other option to use for the phone number in the contact form. So, you can do as mentioned for the changes you want.

    Thank you.

    Thread Starter Anton

    (@doordebenen)

    10 years ago

    Thanks Shanehaden,

    that helped.

    Plugin Author Access Keys

    (@access-keys)

    9 years, 11 months ago

    Hello Anton,

    If you really liked our plugin and support then please don’t forget to give us a rating.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to use Number field for phone number (without up and down arrows)’ is closed to new replies.