diff options
author | m.seegmüller <m.seegmueller@eol.de> | 2013-05-15 18:14:44 +0400 |
---|---|---|
committer | m.seegmüller <m.seegmueller@eol.de> | 2013-05-15 18:14:44 +0400 |
commit | 6289e24f6663e7465b9a902e70190b41100d16ac (patch) | |
tree | 8cc93988064724115431d14485b4ad32eaaac6b0 /less | |
parent | 7780133c1cb1868a0e936dd68e951b1e22d3215b (diff) |
Fixed ugly outline in select fields
Removes .tab-focus() on select-fields
Diffstat (limited to 'less')
-rw-r--r-- | less/forms.less | 34 |
1 files changed, 6 insertions, 28 deletions
diff --git a/less/forms.less b/less/forms.less index fe5396cd1d..c79f7f6733 100644 --- a/less/forms.less +++ b/less/forms.less @@ -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 { |