clones/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-09-22 02:57:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update file input to remove height and line-height

Browse Source 
This particular form control is wildly inaccurate across browsers, so
we're removing the `height` and `line-height`, but adding `display:
block` so it renders similarly to our other inputs.
This commit is contained in:
Mark Otto 2013-07-20 21:09:03 -07:00
parent df851b40d1
commit a63db4d2f9
4 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css.html
View File

@ -1170,6 +1170,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<input type="text" id="exampleInputEmail" placeholder="Enter email">
<label for="exampleInputPassword">Password</label>
<input type="text" id="exampleInputPassword" placeholder="Password">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
<div class="checkbox">
<label>

5
dist/css/bootstrap.css vendored
View File

@ -1474,10 +1474,7 @@ input[type="checkbox"] {
}
input[type="file"] {
height: 38px;
/* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */
line-height: 38px;
display: block;
}
select[multiple],

2
dist/css/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
less/forms.less
View File

@ -124,8 +124,7 @@ input[type="checkbox"] {
// Set the height of select and file controls to match text inputs
input[type="file"] {
height: @input-height-base; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */
line-height: @input-height-base;
display: block;
}
// Make multiple select elements height not fixed