Hidden quantity buttons on Chrome

[dotdash]

Hello there,

The quantity buttons are hidden in Chrome by default, but not in Safari or Firefox. Any idea why?

I can’t see a problem with the plugin css.

http://anthropoid.co.uk/ruared/event/wall-of-death-performances

Cheers,

Spencer

[George]

Hey Spencer,

There is indeed not a problem with the plugin CSS – by default, Chrome sets those arrows on “number” input types to only show up on hover.

I found the following bit of CSS online that fixes this:

input[type=number]::-webkit-inner-spin-button {
    opacity: 1 !important;
}

Try adding that to the bottom of your theme’s style.css file and let us know if it helps!

Cheers,
George

[dotdash]

This reply is private.

[George]

No worries Spencer – did the code I shared help you here?

[dotdash]

This reply is private.

[George]

Nice! Thanks for confirming Spencer!

Have a good weekend 🙂

[Author]

Posts