title: html svg - weird color of cursor "crosshair" hovering svg elements
body: <p>The color of the mouse cursor ("crosshair") changes when hovering an svg element which has color. I observed this behaviour on Chrome and FF.</p>
  
  <p>Minimal Plunker: <a href="https://plnkr.co/edit/GPQWjRW7d9e5Nk1wq8QG?p=preview" rel="nofollow">https://plnkr.co/edit/GPQWjRW7d9e5Nk1wq8QG?p=preview</a></p>
  
  <p>If you move the mouse cursor over the circles, the color of the crosshair changes. I would like to have the crosshair staying black regardless of the color of the underlying element or control the color of the crosshair with respect to the color of the shape. Do you have an idea why this behaviour occurs (since the default cursor does not change the color on hover) ? Is there a workaround / way to fix this ?</p>
  
  <p><strong>Intention:</strong> I have a svg element (fixed color) with an opacity. When hovering it the crosshair results in a color which could indicate that the cursor is behind (z-index) the element and i would like to avoid that.</p>
  
  <p>A pseudo-container as parent of the svg with the CSS attribute <code>cursor : crosshair</code> does not help.</p>
  
  <p>Thank you for your effort.</p>