Marketing form - Change color of check box

(0) Share

Report

Posted on by POJA85

175

Hi, I want to change the background-color of a standard checkbox in a marketing form (it's a subscription list checkbox).

However, I have changed the color/background/background-color on almost every css and div properties in the html without being able to access the checkbox, any help of how I can achieve this?

Thanks

I have the same question (0)

All responses (1)

Answers (1)

Verified answer

Haig Liu Microsoft Employee on at

Like (1)

Report

Hi Poja D365,

Please put the following code between <style></style>

input[type='checkbox'] {

position: relative;

cursor: pointer;

width: 12px;

height: 12px;

font-size: 12px;

}

input[type='checkbox']:checked::after {

position: absolute;

top: 0;

display: inline-flex;

justify-content: center;

align-items: center;

width: 12px;

height: 12px;

content: '✓';

color: #fff;

font-size: 12px;

font-weight: 700;

background-color: green;

border-radius: 2px;

}

Was this reply helpful? Yes No