1294593 - CSS override for input::-webkit-inner-spin-button does not work anymore

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[richardkbr]

Attachment: Screenshot_3.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

Steps to reproduce:

Access page
https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button


Actual results:

spin button shows


Expected results:

do not show spin button

Comment 1

[Tooru Fujisawa [:arai]]

was it working at some point?
If so, which version do you refer?

Comment 2

[richardkbr]

I was running ok on other versions (i don't remember what). But now on 47-48 doesn't work anymore. Spinner shows even with override to hide spinner.

Comment 3

[richardkbr]

Look at screenshot in first post.

Comment 4

[Tooru Fujisawa [:arai]]

If you mean Firefox 28 or older, type="number" wasn't supported at that point and the spinner wasn't shown.

Comment 5

[richardkbr]

Ok Tooru, but now.... even with override to not display the spinners, they are showed! This method for hide spinner are listed on "https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button" and does not work anymore.

Comment 6

[richardkbr]

Have you firefox installed? Try to enter in link above. The spinner is visible when need to be hide.

Comment 7

[Tooru Fujisawa [:arai]]

Those selector and rule are specific to WebKit/Blink, and have no effect on other browsers.

Comment 8

[Tooru Fujisawa [:arai]]

anyway, moving to Core - CSS Parsing and Computation, as this might be a part of bug 1170789.
(not sure how important this is tho)

Comment 9

[Mike Taylor [:miketaylr]]

Given the selector in the screenshot, this is likely invalid -- we've never supported ::-webkit-inner-spin-button (and a -moz-prefixed rule inside that selector won't ever work).

If you'd like to hide the number controls, you can do something like this:

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

Comment 10

[Karl Dubost💡 :karlcow]

Found a site using this
https://webcompat.com/issues/9886

The fix is working.
input.qty-remove-defaults { -moz-appearance: textfield;}