title: changing css style dynamically from component in Angular 5
body: <p>I am using materialized range:</p>
  
  <pre><code>&lt;div class="range-field  col s6"&gt;
    &lt;input type="range" id="test5" min="0" max="100"  #ranger (input)="yourMethod(ranger.value)"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This input creates in HTML span tag with class thumb, how could I change the color dynamically by changing the range? Is it possible to define in css .thumb {background-color: somevariable}, and change it from the component?</p>