From 83e2a59ace6f00b785dd6f46fd63b416d86e0cc2 Mon Sep 17 00:00:00 2001 From: Anika Henke Date: Thu, 29 Nov 2012 17:30:17 +0000 Subject: [PATCH] Button: fixed inconsistent button styling in most browsers. Fixes #7996 - Button: Inconsistent styling based on markup --- themes/base/jquery.ui.button.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/themes/base/jquery.ui.button.css b/themes/base/jquery.ui.button.css index 5588eb42c..602f93a92 100644 --- a/themes/base/jquery.ui.button.css +++ b/themes/base/jquery.ui.button.css @@ -12,8 +12,10 @@ display: inline-block; position: relative; padding: 0; + line-height: normal; margin-right: .1em; cursor: pointer; + vertical-align: middle; text-align: center; zoom: 1; overflow: visible; /* removes extra width in IE */ @@ -43,7 +45,7 @@ button.ui-button-icons-only { /* button text element */ .ui-button .ui-button-text { display: inline-block; - line-height: 1.4; + line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; @@ -105,7 +107,8 @@ input.ui-button { } /* workarounds */ -/* reset extra padding in Firefox */ +/* reset extra padding in Firefox, see h5bp.com/l */ +input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; -- 2.39.5