Widget:Dropdown

<button class=""></button> <style> .wg-dropbtn-primary, .wg-dropbtn-success, .wg-dropbtn-info, .wg-dropbtn-warning, .wg-dropbtn-danger {

   background-color: #337ab7;
   color: white;
   padding: 8px 16px;
   font-size: 16px;
   border: double;
   cursor: pointer;

}

.wg-dropdown {

   position: relative;
   display: inline-block;

}

.wg-dropdown-content {

   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 300px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 99999;

}

.wg-dropdown-content a {

   color: black;
   padding: 6px 16px;
   text-decoration: none;
   display: block;

}

.wg-dropdown-content a:hover {background-color: #f1f1f1}

.wg-dropdown:hover .wg-dropdown-content {

   display: block;
   max-height: 400px;
   overflow-y: scroll;

}

.wg-dropdown:hover .wg-dropbtn-primary, .wg-dropdown:hover .wg-dropbtn-success, .wg-dropdown:hover .wg-dropbtn-info, .wg-dropdown:hover .wg-dropbtn-warning, .wg-dropdown:hover .wg-dropbtn-danger {

   filter: brightness(110%);

}

/* 添加样式 */ .wg-dropbtn-success {

   background-color: #5cb85c;

} .wg-dropbtn-info {

   background-color: #5bc0d1;

} .wg-dropbtn-warning {

   background-color: #f0ad4e;

} .wg-dropbtn-danger {

   background-color: #d9534f;

} </style>