rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Fixed ugly outline in select fields

Browse Source 
Removes .tab-focus() on select-fields
This commit is contained in:
m.seegmüller 2013-05-15 16:14:44 +02:00
parent 7780133c1c
commit 6289e24f66
1 changed files with 6 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
less/forms.less
View File

@ -64,9 +64,14 @@ input[type="color"] {
background-color: @input-bg;
border: 1px solid @input-border;
border-radius: @input-border-radius;
outline: 0;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.transition(~"border-color linear .2s, box-shadow linear .2s");
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
.box-shadow(0 0 8px rgba(82,168,236,.6));
}
}
// Reset appearance properties for textual inputs and textarea
@ -98,32 +103,6 @@ textarea {
height: auto;
}
// Everything else
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
// Focus state
&:focus {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
//.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
.box-shadow(0 0 8px rgba(82,168,236,.6));
}
}
// Position radios and checkboxes better
input[type="radio"],
input[type="checkbox"] {
@ -146,7 +125,6 @@ select[size] {
}
// Focus for select, file, radio, and checkbox
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {