Html Checkbox Disabled State is Difficult to Read <p>I have a checkbox created as follows:</p> <pre><code>&lt;td class="center"&gt;@Html.DisplayFor(modelItem =&gt; item.IsBusinessHours)&lt;/td&gt; </code></pre> <p>It renders as the following html:</p> <pre><code>&lt;input disabled="disabled" class="check-box" type="checkbox" CHECKED="checked"/&gt; </code></pre> <p>My problem is that the check in the box is very hard to read in this disabled state. </p> <p>I would like to know the best way to style the checkbox to make it appear like the non-disabled checkbox (or otherwise make it more readable). However I still want the checkbox to be read only. </p> <p>My project uses Asp.Net MVC, jQuery and jQuery-UI.</p>