Restyling the checkboxes reduces functionality

leovo2708 / ngx-treeview

An Angular treeview component with checkbox

MIT License

363 stars 337 forks source link

Restyling the checkboxes reduces functionality #167

Open Antobbo opened 6 years ago

Antobbo commented 6 years ago

I've restyled the checkboxes overriding the browser's default (-webkit-appearance: none;) and if I do that I lose that functionality that adds a hypen inside a parent checkbox when a child checkbox is deselected. Is there a way around it (meaning restyling the checkbox but keep that behaviour?). Thanks

Antobbo commented 6 years ago

This isn't ideal as I think it should be done in the functionality, but I've found a CSS workaround if anybody's interested: input[ type="checkbox"]:indeterminate:after { content: '\2043'; font-size: 15px; //font-weight: bold; color: #ffffff; position: absolute; top: -7px; left: 2px; } (Tested in Chrome 68.0.3440.106 only)