Checkbox readonly

Hello is there any solution to do a checkbox readonly and not disable ?

you can put [disabled] = “true” after fill the checkbox

[disabled] = “true” will apply his “grey css” that’s what I would like to avoid…

Have you already tried something like that?


<form id="aform" name="aform" method="POST">
    <input name="chkBox_1" type="checkbox" checked value="1" readonly />
    <input name="chkBox_2" type="checkbox" value="1" />
    <input id="submitBttn" type="button" value="Submit">


input[type="checkbox"][readonly] {
  pointer-events: none;

Will give a shot tomorrow

This may break in shadow dom (ionic 4)

Alternative, hacky, way would be to undo the user check action using ionChange event