diff options
| author | Mark Otto <[email protected]> | 2013-08-04 23:05:54 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-04 23:05:54 -0700 |
| commit | 73c048578dfce7c6d4e8c9d4fe6c6bd22b2ff9b2 (patch) | |
| tree | 0177cd648ad3134c94cf4c74f3066a09e6be9464 /less/forms.less | |
| parent | 2641fed73f51cdd2a77698c538403cc892e183a5 (diff) | |
| download | bootstrap-73c048578dfce7c6d4e8c9d4fe6c6bd22b2ff9b2.tar.xz bootstrap-73c048578dfce7c6d4e8c9d4fe6c6bd22b2ff9b2.zip | |
Enable input focus state customization
- Add new mixin to generate and customize focus state as needed
- Adds variable to set default color
- Include clear disclaimer about customizing this—it's about users', so
don't go making everything bright red and expect them not to be
confused or alarmed.
Relevant issues: #2742, #4185, #7942, #8171, #8610, #9044
Diffstat (limited to 'less/forms.less')
| -rw-r--r-- | less/forms.less | 7 |
1 files changed, 2 insertions, 5 deletions
diff --git a/less/forms.less b/less/forms.less index 127f6a67a..027131b3b 100644 --- a/less/forms.less +++ b/less/forms.less @@ -129,11 +129,8 @@ input[type="number"] { .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); - &:focus { - border-color: rgba(82,168,236,.8); - outline: 0; - .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)"); - } + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); // Disabled and read-only inputs // Note: HTML5 says that inputs under a fieldset > legend:first-child won't be |