Context Menu Cursor

HTML

<div class="box context-menu">
  <code>cursor: context-menu;</code>
</div>
<div class="box context-menu-custom">
  <code>cursor: url("https://i.stack.imgur.com/ygtZg.png"), auto;</code>
</div>










<div style='position:fixed;bottom:0;left:0; background:lightgray;width:100%;'>
  About this question on SO- <a href='https://stackoverflow.com/q/9363711/1366033'>
Why isn't `cursor:context-menu` supported by safari, chrome, or firefox on windows? But it is by IE9 and Opera?
  </a>
</div>

CSS

.context-menu {
  cursor: context-menu;
}
.context-menu-custom {
  cursor: url("https://i.stack.imgur.com/ygtZg.png"), auto;
}



.box {
  border: 1px solid #9c9c9c;
  box-shadow: 1px 1px 1px 0px #a0a0a0;
  padding: 5px;
  margin: 10px auto;
  height: 100px;
  width: 95%;
}