Checkbox Background Issue

[fmontes]

Problem Statement

The checkbox has a transparent background (when checked) which doesn't look good when the page background is different than white.

Steps to Reproduce

1. Navigate to a page with a non-white background.
2. Add a checkbox element to the page.
3. Check the checkbox.

Acceptance Criteria

• The checkbox background should be white at all times.
• When the checkbox is checked, the background should remain white.
• Angular and Dojo

External Links

None

Assumptions & Initiation Needs

• The problem occurs when the page background is not white.
• The issue is not limited to a specific browser or operating system.

Quality Assurance Notes & Workarounds

• QA should test the checkbox on different pages with various background colors.
• If the checkbox background is still transparent after applying the fix, the cache should be cleared and the page reloaded.

[zJaaal]

IQA Passed

You can see in the screenshots how when you force backgrounds checked and unchecked checkboxes remains with white background

docker image: [dotcms/dotcms:master_a38321e]

Screenshots

Dojo

Angular

[josemejias11]

Approved: Tested on master_a38321e, Docker, macOS 13.0, FF v121.0.1