mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-24 12:40:58 +00:00
simplify invalid input css
This commit is contained in:
parent
ebed09ec01
commit
91bcccd9a8
12
docs/assets/css/bootstrap.css
vendored
12
docs/assets/css/bootstrap.css
vendored
@ -1588,16 +1588,16 @@ input[type="checkbox"][readonly] {
|
|||||||
border-color: #3a87ad;
|
border-color: #3a87ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:focus:invalid,
|
input:invalid,
|
||||||
textarea:focus:invalid,
|
select:invalid,
|
||||||
select:focus:invalid {
|
textarea:invalid {
|
||||||
color: #b94a48;
|
color: #b94a48;
|
||||||
border-color: #ee5f5b;
|
border-color: #ee5f5b;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:focus:invalid:focus,
|
input:invalid:focus,
|
||||||
textarea:focus:invalid:focus,
|
select:invalid:focus,
|
||||||
select:focus:invalid:focus {
|
textarea:invalid:focus {
|
||||||
border-color: #e9322d;
|
border-color: #e9322d;
|
||||||
-webkit-box-shadow: 0 0 6px #f8b9b7;
|
-webkit-box-shadow: 0 0 6px #f8b9b7;
|
||||||
-moz-box-shadow: 0 0 6px #f8b9b7;
|
-moz-box-shadow: 0 0 6px #f8b9b7;
|
||||||
|
@ -366,15 +366,14 @@ input[type="checkbox"][readonly] {
|
|||||||
|
|
||||||
// HTML5 invalid states
|
// HTML5 invalid states
|
||||||
// Shares styles with the .control-group.error above
|
// Shares styles with the .control-group.error above
|
||||||
input:focus:invalid,
|
input:invalid,
|
||||||
textarea:focus:invalid,
|
select:invalid,
|
||||||
select:focus:invalid {
|
textarea:invalid {
|
||||||
color: #b94a48;
|
color: #b94a48;
|
||||||
border-color: #ee5f5b;
|
border-color: #ee5f5b;
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: darken(#ee5f5b, 10%);
|
border-color: darken(#ee5f5b, 10%);
|
||||||
@shadow: 0 0 6px lighten(#ee5f5b, 20%);
|
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
||||||
.box-shadow(@shadow);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user