ten-design-vue/lib/style/cascader.css

ten-vue

/* dependencies input,icon,loading,radio,checkbox */
/**
 * 文字部分
 * size 大小，line 行高， color 颜色
 */
/* button */
/* input */
/* transfer */
/* alert */
/* menu */
/* message */
/* modal */
/* badge */
/* tag */
/* progress */
/* popup */
/* tooltip */
/* loading */
/* tabs */
/* check */
/* mention */
/* popup */
/* steps */
/* tabs */
/* modal */
/* form */
/* table */
/* pagination */
/* upload */
/* collapse */
/* anchor */
/* list */
.ten-cascader-panel {
  display: flex;
}
.ten-cascader-menu {
  min-width: 150px;
}
.ten-cascader-menu + .ten-cascader-menu {
  border-left: 1px solid #e8e8e8;
}
.ten-cascader-menu__title {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  padding: 6px 8px;
  padding-top: 16px;
}
.ten-options {
  position: relative;
  max-height: 400px;
  overflow-y: auto;
  outline: none;
}
.ten-options--loading {
  min-height: 100px;
}
.ten-options__empty {
  text-align: center;
  color: #999;
  line-height: 48px;
}
.ten-option {
  display: flex;
  align-items: center;
  padding: 14px 10px;
  line-height: 20px;
  cursor: pointer;
}
.ten-option__check {
  margin-left: 0;
  margin-right: 8px;
}
.ten-option__content {
  flex: 1;
}
.ten-option__suffix-icon.ten-icon {
  color: #999;
}
.ten-option--selected,
.ten-option--selected .ten-option__suffix-icon.ten-icon {
  color: #0052d9;
}
.ten-option--active,
.ten-option--active .ten-option__suffix-icon.ten-icon {
  color: #0052d9;
}
.ten-option:hover:not(.ten-option--disabled),
.ten-option:focus:not(.ten-option--disabled),
.ten-option.ten-option--focused:not(.ten-option--disabled) {
  background: #e8f1ff;
}
.ten-option--disabled,
.ten-option--disabled,
.ten-option--disabled .ten-option__suffix-icon.ten-icon {
  color: #c0c0c0;
  cursor: not-allowed;
}