How can I change the color of Bootstrap checkbox?
<p>I have the following HTML code:</p>
<pre><code>&lt;div class=&quot;container&quot;&gt;
  &lt;form name=&quot;queryForm&quot; class=&quot;form-inline text-center&quot;&gt;
    &lt;p class=&quot;checkbox-inline&quot;&gt;
      &lt;input type=&quot;checkbox&quot; name=&quot;optionsRadios&quot; id=&quot;checkOther&quot; value=&quot;other&quot; ng-model=&quot;formData.other&quot; ng-true-value=&quot;'other'&quot; ng-init=&quot;formData.other='other'&quot;&gt;Other&lt;/p&gt;
   &lt;/form&gt;
 &lt;/div&gt;
</code></pre>
<p>and the result of that is:</p>
<p><a href="https://i.stack.imgur.com/P27OU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P27OU.png" alt="enter image description here" /></a></p>
<p>What's the simplest way of changing this color to a given one, for example D7B1D7?</p>