htmlelement-contextmenu
Version:
make a contextmenu on a html element
1 lines • 964 B
CSS
div.contextmenu{position:absolute;display:inline-block;z-index:100;overflow:hidden;min-width:13em;max-width:26em;min-height:200px}ul.contextmenu{position:absolute;display:inline-block;min-width:13em;max-width:26em;padding:0;margin:.3em;width:208px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:inherit;list-style-type:none;background:#fff;border:1px solid #bebebe;border-radius:.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5);caret-color:#fff;text-shadow:0 0 0 gray;outline-style:none;color:transparent}.contextmenu-shortcut{float:right}.cmIcon{margin-left:0}.cmItem{position:relative;padding:1px 1px 5px 10px;margin-left:30px;color:#2f2f2f;background-color:#fff}.cmHover,.cmItem:hover{color:#fff;cursor:pointer;background-color:#2980b9;pointer-events:auto}.cmSeparator{padding:0;margin:.15em 0;border-bottom:1px solid #e6e6e6}.cmDisabled,.cmDisabled:hover{color:gray;background-color:#fff;cursor:not-allowed}