mediawiki.ui: Suppress default webkit-appearance of buttons from iOS

On iOS, buttons made with <input type="submit"> (<button> is not affected)
have a native webkit-appearance that, unlike the desktop equivalent, is
not removed when properties like display, border and background are set.

It remains applied causing it to render awkwardly. Manually reset this
property to remove the default styling.

Bug: 64264
Change-Id: I65525e79503937fd42d4df01a1ce63936f4f92e4

diff --git a/resources/src/mediawiki.ui/components/default/buttons.less b/resources/src/mediawiki.ui/components/default/buttons.less
index f7a7eae..78b0b33 100644 (file)
--- a/resources/src/mediawiki.ui/components/default/buttons.less
+++ b/resources/src/mediawiki.ui/components/default/buttons.less
@@ -31,6 +31,9 @@
        margin: 0;
        .box-sizing(border-box);
 
+       // Disable weird iOS styling
+       -webkit-appearance: none;
+
        // IE6/IE7 hack
        // http://stackoverflow.com/a/5838575/365238
        *display: inline;