library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Anika Henke 2012-11-29 17:30:17 +00:00 committed by Mike Sherov
parent a5d50da591
commit 83e2a59ace
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
themes/base/jquery.ui.button.css vendored
View File

@ -12,8 +12,10 @@
display: inline-block; display: inline-block;
position: relative; position: relative;
padding: 0; padding: 0;
line-height: normal;
margin-right: .1em; margin-right: .1em;
cursor: pointer; cursor: pointer;
vertical-align: middle;
text-align: center; text-align: center;
zoom: 1; zoom: 1;
overflow: visible; /* removes extra width in IE */ overflow: visible; /* removes extra width in IE */
@ -43,7 +45,7 @@ button.ui-button-icons-only {
/* button text element */ /* button text element */
.ui-button .ui-button-text { .ui-button .ui-button-text {
display: inline-block; display: inline-block;
line-height: 1.4; line-height: normal;
} }
.ui-button-text-only .ui-button-text { .ui-button-text-only .ui-button-text {
padding: .4em 1em; padding: .4em 1em;
@ -105,7 +107,8 @@ input.ui-button {
} }
/* workarounds */ /* 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 { button.ui-button::-moz-focus-inner {
border: 0; border: 0;
padding: 0; padding: 0;