# 更多样式 ## 6.1.2.更多样式 ~~~ <!-- 标题及禁用样式 --> <div class="dropdown-menu dropdown-hover"> <button class="layui-btn icon-btn">&nbsp;更多样式 <i class="layui-icon layui-icon-drop"></i></button> <ul class="dropdown-menu-nav"> <li class="title">HEADER</li> <li><a><i class="layui-icon layui-icon-star-fill"></i>1st menu item</a></li> <li class="disabled"><a><i class="layui-icon layui-icon-template-1"></i>2nd menu item</a></li> <hr> <li class="title">HEADER</li> <li><a><i class="layui-icon layui-icon-set-fill"></i>3rd menu item</a></li> </ul> </div> <!-- 带小三角样式 --> <div class="dropdown-menu dropdown-hover"> <button class="layui-btn icon-btn">&nbsp;带小三角 <i class="layui-icon layui-icon-drop"></i> </button> <ul class="dropdown-menu-nav"> <div class="dropdown-anchor"></div><!-- 多加一个这个即可 --> <li><a>1st menu item</a></li> <li><a>2nd menu item</a></li> <li><a>3rd menu item</a></li> </ul> </div> <!-- 暗色主题 --> <div class="dropdown-menu"> <button class="layui-btn layui-btn-normal icon-btn">&nbsp;暗色主题 <i class="layui-icon layui-icon-drop"></i></button> <ul class="dropdown-menu-nav dark"><!-- 加一个dark即可 --> <div class="dropdown-anchor"></div> <li class="title">HEADER</li> <li><a><i class="layui-icon layui-icon-star-fill"></i>1st menu item</a></li> <li class="disabled"><a><i class="layui-icon layui-icon-template-1"></i>2nd menu item</a></li> <hr> <li class="title">HEADER</li> <li><a><i class="layui-icon layui-icon-set-fill"></i>3rd menu item</a></li> </ul> </div> ~~~