diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 12 | ||||
| -rw-r--r-- | docs/base-css.html | 8 | ||||
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 8 |
3 files changed, 14 insertions, 14 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2d2e7be0d..49e63bd31 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1588,16 +1588,16 @@ input[type="checkbox"][readonly] { border-color: #3a87ad; } -input:invalid, -select:invalid, -textarea:invalid { +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } -input:invalid:focus, -select:invalid:focus, -textarea:invalid:focus { +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; diff --git a/docs/base-css.html b/docs/base-css.html index ff2325dfa..816b465c9 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1571,13 +1571,13 @@ For example, <code><section></code> should be wrapped as inlin <input class="input-xlarge" id="focusedInput" type="text" value="This is focused..."> </pre> - <h3>Required inputs</h3> - <p>Style inputs via default browser functionality with <code>:valid</code>.</p> + <h3>Invalid inputs</h3> + <p>Style inputs via default browser functionality with <code>:invalid</code>. Specify a <code>type</code> and add the <code>required</code> attribute.</p> <form class="bs-docs-example form-inline"> - <input class="span4" type="text" value="Required input" required> + <input class="span3" type="email" placeholder="[email protected]" required> </form> <pre class="prettyprint linenums"> -<input class="span4" type="text" placeholder="Required input" required> +<input class="span3" type="email" required> </pre> <h3>Disabled inputs</h3> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 1c80f9de0..494086702 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -1508,13 +1508,13 @@ <input class="input-xlarge" id="focusedInput" type="text" value="{{_i}}This is focused...{{/i}}"> </pre> - <h3>{{_i}}Required inputs{{/i}}</h3> - <p>{{_i}}Style inputs via default browser functionality with <code>:valid</code>.{{/i}}</p> + <h3>{{_i}}Invalid inputs{{/i}}</h3> + <p>{{_i}}Style inputs via default browser functionality with <code>:invalid</code>. Specify a <code>type</code> and add the <code>required</code> attribute.{{/i}}</p> <form class="bs-docs-example form-inline"> - <input class="span4" type="text" value="{{_i}}Required input{{/i}}" required> + <input class="span3" type="email" placeholder="[email protected]" required> </form> <pre class="prettyprint linenums"> -<input class="span4" type="text" placeholder="{{_i}}Required input{{/i}}" required> +<input class="span3" type="email" required> </pre> <h3>{{_i}}Disabled inputs{{/i}}</h3> |