remove fixed height from select elements for IE7

This commit is contained in:
Mark Otto 2011-10-31 23:18:36 -07:00
parent 61937a803b
commit 98007b8394
4 changed files with 6 additions and 4 deletions

3
bootstrap.css vendored
View File

@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Fri Oct 28 18:57:30 PDT 2011
* Date: Mon Oct 31 23:18:19 PDT 2011
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@ -668,6 +668,7 @@ input[type=button], input[type=reset], input[type=submit] {
}
select, input[type=file] {
height: 27px;
*height: auto;
line-height: 27px;
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */

2
bootstrap.min.css vendored
View File

@ -116,7 +116,7 @@ select{padding:initial;}
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
select,input[type=file]{height:27px;line-height:27px;*margin-top:4px;}
select,input[type=file]{height:27px;*height:auto;line-height:27px;*margin-top:4px;}
select[multiple]{height:inherit;background-color:#ffffff;}
textarea{height:auto;}
.uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}

View File

@ -175,7 +175,7 @@
<div class="span12">
<h3>Example grid markup</h3>
<p>As shown here, a basic layout can be created with two "columns," each spanning a number of the 16 foundational columns we defined as part of our grid system. See the examples below for more variations.</p>
<pre class="prettyprint prettyprint-dark linenums">
<pre class="prettyprint linenums">
&lt;div class="row"&gt;
&lt;div class="span6"&gt;
...
@ -1080,7 +1080,7 @@
<div class="clearfix">
<label for="multiSelect">Multiple select</label>
<div class="input">
<select class="medium" multiple="multiple" name="multiSelect" id="multiSelect">
<select class="medium" size="5" multiple="multiple" name="multiSelect" id="multiSelect">
<option>1</option>
<option>2</option>
<option>3</option>

View File

@ -112,6 +112,7 @@ input[type=submit] {
select,
input[type=file] {
height: @baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
*height: auto; // Reset for IE7
line-height: @baseline * 1.5;
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
}