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

<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>
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;
Run Pen

External CSS

  1. https://fonts.googleapis.com/css?family=Roboto

External JavaScript

This Pen doesn't use any external JavaScript resources.