New buttons: Disabled state in iOS

[johnbillion]

Disabled buttons retain their pill-like rounded corners in iOS.

[johnbillion]

Patch

[johnbillion]

After

[johnbillion]

Patch.

Note that if you're using Chrome on iOS (and maybe Safari too), its caching is very aggressive. Clearing the cache from the Settings menu doesn't clear all files in the cache, such as some CSS files. It's very odd. I ended up bumping the version number in wp-includes/version.php to get the updated buttons.css to load.

[azaozz]

Don't see the pill shapes in Safari/iOS6. Removing the internal -webkit-appearance: push-button; might have other implications.

[johnbillion]

Replying to azaozz:

Don't see the pill shapes in Safari/iOS6.

Looks like it's an iOS 5 issue then. Confirmed in Chrome and Safari on iOS 5.

Removing the internal -webkit-appearance: push-button; might have other implications.

Are there implications other than appearance? We have rules in place for border, background, font, padding, etc etc.

[nacin]

Best I can tell, it does not appear to have any implications beyond appearance.

[koopersmith]

In 22704:

Buttons: Ensure correct disabled submit button state in iOS. props johnbillion, fixes #22490.