title: how to overwrite `display: none` for checkbox?
body: <p>Currently at this web page there is a <a href="http://zz.zustatzdravy.cz/kalkulator/" rel="nofollow noreferrer">table</a></p>
  <p>It looks like the default template of the web got in CSS</p>
  <pre><code>input[type=&quot;checkbox&quot;], input[type=&quot;radio&quot;] {
      display: none;
  }
  </code></pre>
  <p>Now the checkboxes are not visible -  see <a href="https://i.stack.imgur.com/rcdFQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rcdFQ.png" alt="enter image description here" /></a></p>
  <p>But if I uncheck the <code>display: none</code> then the checkboxes are visible.</p>
  <p>Is there any way I can make them visible in html using <code>style</code> when creating the checkbox? I do not have the permission to edit css. I can add custom css though.</p>