title: Hiding resize handle icon in CSS
body: <p>For example I have some kind of table:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;&lt;div&gt;Title1&lt;/div&gt;&lt;/th&gt;
          &lt;th&gt;&lt;div&gt;Title2&lt;/div&gt;&lt;/th&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td&gt;&lt;div&gt;Body1&lt;/div&gt;&lt;/td&gt;
          &lt;td&gt;&lt;div&gt;Body2&lt;/div&gt;&lt;/td&gt;
      &lt;tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want every <code>th</code> column be resizeable, so I add some CSS:</p>
  
  <pre><code>th &gt; div {
      resize: horizontal;
      overflow: hidden;
  }
  </code></pre>
  
  <p>Everything working fine, every column can be resized horizontally. 
  Problem is that in every <code>&lt;th&gt;</code> I have an icon for resizing. I want it to be hidden. Is there anyway to do this?</p>