Permalink
Browse files

Button: fixed inconsistent button styling in most browsers. Fixes #79…

…96 - Button: Inconsistent styling based on markup
  • Loading branch information...
selfthinker authored and mikesherov committed Nov 29, 2012
1 parent a5d50da commit 83e2a59ace6f00b785dd6f46fd63b416d86e0cc2
Showing with 5 additions and 2 deletions.
  1. +5 −2 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;

0 comments on commit 83e2a59

Please sign in to comment.