title: How to identify a bootstrap custom-control-input of type checkbox through Selenium
body: <p>I'm writing a web-app with java. I'm testing all the html pages with selenium-java but I've a problem with the <a href="https://www.w3schools.com/bootstrap4/bootstrap_forms_custom.asp" rel="nofollow noreferrer">custom forms</a> that comes from bootstrap 4 </p>
  
  <p>Going in deep, I've the following code</p>
  
  <pre><code>&lt;input class="custom-control-input"
         type="checkbox"
         id="registerForm:termsCheckbox"
         border-color:lime" required="true"/&gt;
    &lt;label class="custom-control-label" for="registerForm:termsCheckbox"&gt;
       I agree to &lt;a href="terms.html" 
            style="text-decoration:underline; color:lime"&gt;terms and conditions
                  &lt;/a&gt;
    &lt;/label&gt;
  </code></pre>
  
  <p>With this code, Even though the checkbox is visibile, apparently bootstrap  hides the  control. And with Selenium I don't know how to click on the checkbox.
  Seems that the visible checkbox is an ::before or ::after.</p>
  
  <p>How can I select with Selenium a bootstrap custom-control-input of type checkbox?</p>
  
  <p>Thank you  </p>