src/style/cascader.less
.@{prefix-cls}-cascader{
position: relative;
display: inline-block;
&-picker{
position: relative;
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
&-menus {
z-index: 10010;
font-size: 12px;
background: @whiteColor;
position: absolute;
box-shadow: @cascaderShadow;
white-space: nowrap;
margin-top: 2px;
}
&-menu {
display: inline-block;
vertical-align: top;
min-width: @cascaderMinWidth;
height: @cascaderHeight;
list-style: none;
margin: 0;
padding: 0;
border-right: 1px solid @lightGrayColor;
overflow: auto;
&:last-child {
border-right-color: transparent;
margin-right: -1px
}
&-item {
padding: @cascaderPadding;
line-height: @cascaderItemLineHeight;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .3s ease;
&-selected,&-selected:hover{
background: @cascaderColor!important;
font-weight: bold;
}
&-disabled {
cursor: not-allowed;
color: @grayColor;
}
&-disabled:hover{
background: transparent
}
&:hover {
background: @hoverColor;
}
}
}
}