2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

remove rounded corners on buttons from IE9 so gradients don't bleed out

This commit is contained in:
Mark Otto
2011-09-02 12:35:41 -07:00
parent cb244d5d51
commit 2f4c84bba9
3 changed files with 11 additions and 2 deletions
+6 -1
View File
@@ -429,7 +429,7 @@ footer {
// Button Base
cursor: pointer;
display: inline-block;
#gradient > .vertical-three-colors(#ffffff, #ffffff, 0.25, darken(#ffffff, 10%));
#gradient > .vertical-three-colors(#ffffff, #ffffff, 0.25, darken(#ffffff, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
padding: 5px 14px 6px;
text-shadow: 0 1px 1px rgba(255,255,255,.75);
color: #333;
@@ -490,6 +490,11 @@ footer {
font-size: 11px;
}
}
// Super jank hack for removing border-radius from IE9 so we can keep filter gradients on alerts and buttons
:root .alert-message,
:root .btn {
border-radius: 0 \0;
}
// Help Firefox not be a jerk about adding extra padding to buttons
button.btn,