Hello,
I have an issue on a page with the width of the jqxCheckbox component. Under Chrome or Opera, the generated inline CSS for the checkbox component reads:
style=”width: 23px; height: 18px; cursor: pointer; line-height: 18px;”
Under IE 11, the same generated inline CSS reads:
style=”width: 10px; height: 18px; line-height: 18px; cursor: pointer;”
Note the difference in width, leading to an unacceptable look in IE.
The HTML markup looks like this:
<div class=”col”>
<div class=”d-flex align-items-start mt-3″>
<input type=”checkbox” id=”cm-mov-tb” title=”TB”>
<span class=”ml-1 mr-3 d-inline-block checkbox-label”>TB</span>
</div>
</div>
And the setup line in the JS is this:
$(“input[type=checkbox]”).jqxCheckBox({ theme: ‘mytheme’, height: 18 });
Does anyone have any idea how to resolve this?
