Button: fixed inconsistent button styling in most browsers. Fixes #7996 - Button: Inconsistent styling based on markup

This commit is contained in:
Anika Henke 2012-11-29 17:30:17 +00:00 committed by Mike Sherov
parent a5d50da591
commit 83e2a59ace

View File

@ -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;