Disable webkit's spin buttons on input type=“number” in AngularJS

Question

This may sound like a duplicate question, as the answer for 'normal' Bootstrap seems to be

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

as explained in this Question.

This doesn't work for AngularJS though. Does anyone have a Solution?

Rolwin Crasta · Accepted Answer · 2015-09-16 18:48:35Z

2

try this works for both firefox and chrome

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;
}

edited Sep 16, 2015 at 18:48

answered Apr 2, 2015 at 9:02

Rolwin Crasta

4,3673 gold badges37 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Disable webkit's spin buttons on input type=“number” in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related