title: Can we drop CSS property"-webkit-scrollbar" from a single node?
body: <p>How can I drop the CSS property <code>::-webkit-scrollbar</code> from a single HTML element?</p>
  
  <p>In my CSS file, I have this code:</p>
  
  <pre><code>::-webkit-scrollbar {
      width:  6px;
      height: 6px;
      background-color:transparent;
  }
  ::-webkit-scrollbar-track {
      background-color:transparent;
      width: 6px;
  }
  ::-webkit-scrollbar-track-piece  {
      background-color: blue;
  }
  ::-webkit-scrollbar-thumb {    
      background-color: #d4dee8;
      width: 6px;
  }
  </code></pre>
  
  <p>It will replace every scrollbar with webkit scrollbars. But there are two places where I don't need webkit scrollbar, I need normal scrollbars instead.</p>
  
  <p>HTML file:</p>
  
  <pre><code>&lt;td class="viewDialogLabel" height="21" style="width:156px;padding:0px"&gt; 
      &lt;!-- Inner elements ---&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Here, I need to change class <code>viewDialogLabel</code> to normal scrollbars.</p>
  
  <p>How do I get this effect?</p>