zent/css/dropdown-nav.css

一套前端设计语言和基于React的实现

.zent-dropdown-nav-btn.zent-btn-text {
  font-size: 14px;
  background-color: #fff;
  background-color: var(--theme-section-bg, var(--theme-stroke-9, #fff));
  height: 32px;
  line-height: 30px;
  padding-left: 16px;
  color: #333;
  color: var(--theme-title-color, var(--theme-stroke-1, #333));
}
.zent-dropdown-nav-btn.zent-dropdown-button--active.zent-btn-text {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}
.zent-dropdown-nav-btn:hover {
  color: #155bd4;
  color: var(--theme-primary-bg, var(--theme-primary-4, #155bd4));
}

.zent-dropdown-nav .zent-menu {
  width: unset;
}
.zent-dropdown-nav .zent-menu-item {
  padding-left: 12px;
  font-size: 14px;
}
.zent-dropdown-nav .zent-menu-item:hover {
  background-color: #f7f7f7;
  background-color: var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));
}