<p contextmenu="popup-menu">
  Right click here to see the context menu.
</p>

<menu type="context" id="popup-menu">
  <menuitem type="checkbox" checked="true">Checkbox</menuitem>
  <menuitem type="command" label="Command" onclick="alert('Hey!')">Checkbox</menuitem>
  <menuitem type="radio" name="group1" checked="true">Radio button 1</menuitem>
  <menuitem type="radio" name="group1">Radio button 2</menuitem>
  <menuitem type="checkbox" disabled>Disabled menu item</menuitem>
</menu>

body {
  font-family: 'Roboto';
  font-size: 18px;
  color: #333;
  text-align: center;
}

p {
  width: 160px;
  background: #744D8B;
  padding: 10px 30px;
  color: white;
  display: inline-block;
}

p:hover {
  background: #8456a0;
}