how can I style the ticks on a range input?
<p>I'm using range inputs in my questionnaire and I want to make the lines bolder.  So far the code I have is</p>

<pre><code>&lt;input type="range" id="q8a1" name="#" min="1" max="10" list="input01" value="1" step="1" style="width:100%; /&gt;

&lt;datalist id="input01"&gt;
        &lt;option&gt;1&lt;/option&gt;
        &lt;option&gt;2&lt;/option&gt;
        &lt;option&gt;3&lt;/option&gt;
        &lt;option&gt;4&lt;/option&gt;
        &lt;option&gt;5&lt;/option&gt;
        &lt;option&gt;6&lt;/option&gt;
        &lt;option&gt;7&lt;/option&gt;
        &lt;option&gt;8&lt;/option&gt;
        &lt;option&gt;9&lt;/option&gt;
        &lt;option&gt;10&lt;/option&gt;
    &lt;/datalist&gt;
</code></pre>

<p>I tried using inline CSS to add a border attribute and a few other things but nothing worked.  I gooogled everything I could think of revolving around this and researched pseudo classes to see if there's a way to style it the same way they have them to style the thumb and rail for the range input but I just couldn't find anything.  Is this possible to do?</p>