@ngdoc content
@name checkbox
@description
CSS Styles
The css decalaration of the `` component is:
md-checkbox {
margin: 8px;
cursor: pointer;
padding-left: 18px;
padding-right: 0;
line-height: 26px;
min-width: 18px;
min-height: 18px;
}
Ink color
In order to change the color when the checkbox is checked:
Green Checkbox
md-checkbox.md-checked.green .md-icon {
background-color: rgba(0, 255, 0, 0.87);
}
Disabled
In order to change the color when a disabled checkbox is checked:
Checkbox: Disabled, Checked
md-checkbox.md-checked[disabled].red .md-icon {
background-color: rgba(255, 0, 0, 0.26);
}
Borders
In order to add a custom border do the following:
Default Border
Custom Border
md-checkbox.dotted .md-icon {
border-width: 1px;
border-style: dashed;
}
Bi-Di
The mdCheckbox directive supports bi-directional specifiers in the `` tag:
