title: Change the color of the clear button (x) in input `type=search`
body: <p>How do i change the color of X that appears on input[type=search]</p>
  
  <p>By using <code>webkit-search-cancel-button</code> and <code>webkit-appearance: none</code> i have been able to change it to a colored square or circle but i have been unable to change the color of X.</p>
  
  <p>The issue is default color of the X on safari is black and by textbox is black hence this is not visible. Chrome picks a safe color of grey but it too has the same issue.  </p>