title: Cursor: pointer; on svg element is not working
body: <p>In my website i use svg elements. Sometimes i need them to be clickable, therefore i want pointer cursor over them.</p>
  
  <p>However adding css class or style</p>
  
  <pre><code>cursor: pointer;
  </code></pre>
  
  <p>not work.</p>
  
  <p>That's the example element</p>
  
  <pre><code>&lt;object id="male2" type="image/svg+xml" data="course/ani/male2.svg" style="left: 87px; bottom: 56px;" es-character="male2"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>It seems like it just not worki with svg. Anyone know how to fix, or how to go around it?</p>