mirror of
https://github.com/jquery-validation/jquery-validation.git
synced 2025-12-14 20:35:47 +01:00
6eb2df0da1
* Core: progress on removing aria-describedby from valid fields * core: aria-describedby * Core: remove aria-describedby when hiding error * Core: fix syntax issues, Test: add test for new setting * Core: Fix bugs in aria-describedby behavior and related tests * Core: bugfix for labels without id * Core: don't create a new error element if one exists * Core: progress on test for group of fields with ariaDescribedbyCleanup * Core: Groups aria-describedby * Core: fix aria-describedby not being removed from grouped fields Ensure that aria-describedby is removed from all members of a group when all the known errors are resolved * Core: Update capitalization * Demo: Add page for ariaDescribedByCleanup * Core: add setting to remove aria-describedby from valid fields Includes additional unit tests and a demo page * Core: Fix camel case inconsistency, remove stray comment * Update demo/css/cmxform.css Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Kieran <kieran.brahney@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
65 lines
1.4 KiB
CSS
65 lines
1.4 KiB
CSS
/**********************************
|
|
|
|
Name: cmxform Styles
|
|
|
|
***********************************/
|
|
form.cmxform {
|
|
width: 370px;
|
|
font-size: 1.0em;
|
|
color: #333;
|
|
}
|
|
|
|
form.cmxform legend {
|
|
padding-left: 0;
|
|
}
|
|
|
|
form.cmxform legend, form.cmxform label {
|
|
color: #333;
|
|
}
|
|
|
|
form.cmxform fieldset, form.cmxform .box {
|
|
border: none;
|
|
border-top: 1px solid #C9DCA6;
|
|
background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
|
|
background-color: #F8FDEF;
|
|
}
|
|
form.cmxform fieldset .col label {
|
|
margin-left: 0;
|
|
}
|
|
form.cmxform fieldset .col {
|
|
margin-right: .5rem;
|
|
}
|
|
form.cmxform fieldset .row .col:last-child {
|
|
margin-right: 0;
|
|
}
|
|
form.cmxform fieldset .row {
|
|
display: flex;
|
|
|
|
box-sizing: border-box;
|
|
}
|
|
form.cmxform .box,
|
|
form.cmxform fieldset .row,
|
|
form.cmxform .box fieldset {
|
|
width: 100%;
|
|
}
|
|
form.cmxform fieldset fieldset, form.cmxform .box fieldset {
|
|
background: none;
|
|
}
|
|
|
|
form.cmxform .box > .row, form.cmxform fieldset p, form.cmxform fieldset fieldset, form.cmxform .box fieldset {
|
|
padding: 5px 10px 7px;
|
|
background: url(../images/cmxform-divider.gif) left bottom repeat-x;
|
|
}
|
|
|
|
form.cmxform label.error, label.error {
|
|
/* remove the next line when you have trouble in IE6 with labels in list */
|
|
color: red;
|
|
font-style: italic
|
|
}
|
|
div.error { display: none; }
|
|
input { border: 1px solid black; }
|
|
input.checkbox { border: none }
|
|
input:focus { border: 1px dotted black; }
|
|
input.error { border: 1px dotted red; }
|
|
form.cmxform .gray * { color: gray; }
|