JSFiddle - React, Tailwind, and code Playground
by refhat
HTML
<html>
<head>
<title>test</title>
<style type="text/css">
.win_menu {
position:absolute !important;
background:#F0F0F0 !important;
border:1px solid #999 !important;
box-shadow:2px 2px 4px #666 !important;
z-index:1000 !important;
}
.win_menu .divider {
position:absolute !important;
left:30px !important;
top:2px !important;
bottom:2px !important;
width:1px !important;
background:#fff !important;
border-left:1px solid #e2e3e3 !important;
margin:0 !important;
height:auto !important;
border-bottom:none !important;
z-index:-1 !important;
}
.win_menu ul {
height:auto !important;
padding:2px !important;
margin:0 !important;
}
.win_menu li {
display:block !important;
float:none !important;
padding:0 !important;
margin:0 !important;
height:20px !important;
min-width:200px !important;
white-space:nowrap !important;
border:1px solid transparent !important;
z-index:10 !important;
}
.win_menu li:hover {
border:1px solid #AECFF7 !important;
border-radius:3px !important;
background:url("//beta.example.net/_images/_global/win_dd_hover.png") repeat-x !important;
}
.win_menu li a {
display:block !important;
padding:0 5px !important;
margin-left:30px !important;
height:20px !important;
line-height:20px !important;
font-size:11px !important;
color:#000 !important;
cursor:default !important;
}
.win_menu li:hover {
border:1px solid #AECFF7 !important;
border-radius:3px !important;
background:url("//beta.example.net/_images/_global/win_dd_hover.png") repeat-x !important;
}
.win_menu li a .shortcut {
float:right;
margin:0 10px;
}
.win_menu li a img {
float:left !important;
margin-left:-33px !important;
}
.win_menu li.disabled:hover {
border:1px solid transparent !important;
background:none !important;
}
.win_menu li.disabled a {
color:#999 !important;
}
.win_menu li.divider {
...