vue-easytable/libs/theme-dark/ve-dropdown.css

Vue table component

/* ve-table */
/* ve-pagination */
/* ve-checkbox */
/* ve-radio */
/* ve-select */
/* ve-dropdown */
/* ve-contextmenu */
.ve-dropdown {
  display: inline-table;
  margin: 0;
}
.ve-dropdown a,
.ve-dropdown a:visited {
  color: #000;
  text-decoration: none;
  outline: none;
}
.ve-dropdown .ve-dropdown-dt,
.ve-dropdown .ve-dropdown-items {
  margin: 0px;
  padding: 0px;
}
.ve-dropdown .ve-dropdown-dt-selected {
  position: relative;
  display: block;
  border: 1px solid #434343;
  border-radius: 2px;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}
.ve-dropdown .ve-dropdown-dt-selected:hover {
  color: #ffffffd9;
  border-color: #ffffffd9;
}
.ve-dropdown .ve-dropdown-dt-selected .ve-dropdown-dt-selected-span {
  width: 80%;
  display: block !important;
  /*修复会被别的样式覆盖的问题*/
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 2px;
}
.ve-dropdown .ve-dropdown-dt-selected .ve-dropdown-input {
  appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #fff;
  box-sizing: border-box;
  color: #1f2d3d;
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  outline: none;
  padding-left: 2px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 80%;
  text-align: left;
}
.ve-dropdown-popper {
  z-index: 999;
  /*操作功能开始*/
}
.ve-dropdown-popper .ve-dropdown-dd,
.ve-dropdown-popper .ve-dropdown-items {
  margin: 0px;
  padding: 0px;
}
.ve-dropdown-popper .ve-dropdown-dd {
  display: block;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items {
  min-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
  top: 2px;
  left: 0px;
  list-style: none;
  border-radius: 2px;
  background-color: #363636;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border: 1px solid #363636;
  padding: 5px 0px;
  width: auto;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper {
  overflow: auto;
  /* 单选 */
  /* 多选 */
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li {
  white-space: nowrap;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  background-color: #363636;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li a {
  text-decoration: none;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li:hover {
  background-color: #464646;
  color: #ffffffd9;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active {
  background-color: #666666;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active a {
  color: #ffffffd9;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li.active:hover {
  background-color: #666666;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a {
  width: 100%;
  display: block;
  padding-left: 8px;
  padding-right: 8px;
  color: #ffffffd9;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-left {
  text-align: left;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-center {
  text-align: center;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-li .ve-dropdown-items-li-a-right {
  text-align: right;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple {
  display: table;
  padding: 0 5px;
  width: 100%;
  text-align: left;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple .ve-checkbox {
  width: 100%;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple .ve-checkbox .ve-checkbox-label {
  padding-left: 5px;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple span {
  font-size: 14px;
  font-weight: normal;
  color: #ffffffd9;
}
.ve-dropdown-popper .ve-dropdown-dd .ve-dropdown-items .ve-dropdown-items-warpper .ve-dropdown-items-multiple:hover {
  background-color: #464646;
}
.ve-dropdown-popper .ve-dropdown-operation {
  width: 100%;
  margin-top: 5px;
  padding: 8px 0 3px 0;
  font-size: 14px;
  border-top: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-around;
}
.ve-dropdown-popper .ve-dropdown-operation .ve-dropdown-operation-item {
  color: #ffffffd9;
}
.ve-dropdown-popper .ve-dropdown-operation .ve-dropdown-operation-item.ve-dropdown-filter-disable {
  color: #999;
}
.ve-dropdown-popper .ve-dropdown-operation .ve-dropdown-operation-item:not(.ve-dropdown-filter-disable):hover {
  color: #2196f3;
}
.ve-dropdown-popper .ve-dropdown-operation:last-child {
  float: right;
}
.ve-dropdown-popper .ve-dropdown-operation:hover {
  color: #464646;
}