@dropdownPrefixCls: ant-dropdown; .@{dropdownPrefixCls} { position: absolute; left: -9999px; top: -9999px; z-index: 1070; display: block; font-size: 12px; font-weight: normal; line-height: 1.5; padding-top: 4px; min-width: 100%; &-wrap { position: relative; .anticon-down:before { transition: transform 0.2s ease; } } &-wrap-open { .anticon-down:before { .rotate(180deg); } } &-hidden { display: none; } &-menu { outline: none; position: relative; list-style-type: none; padding: 0; margin: 0; text-align: left; background-color: #fff; border-radius: 3px; box-shadow: 0 1px 5px #ccc; background-clip: padding-box; border: 1px solid #ccc; > li { margin: 0; padding: 0; } &:before { content: ""; position: absolute; top: -4px; left: 0; width: 100%; height: 4px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.01); } & > &-item { padding: 7px 16px; clear: both; font-size: 12px; font-weight: normal; color: #666; white-space: nowrap; cursor: pointer; a { color: #666; } &:hover { background-color: tint(@primary-color, 90%); } &-disabled { color: #ccc; cursor: not-allowed; pointer-events: none; &:hover { color: #ccc; background-color: #fff; cursor: not-allowed; } } &:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } &:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } &-divider { height: 1px; overflow: hidden; background-color: #e5e5e5; line-height: 0; } &-selected { background-color: tint(@primary-color, 90%); position: relative; &:after { content: '\e613'; font-family: 'anticon'; font-weight: bold; position: absolute; top: 6px; right: 16px; color: @primary-color; background-color: tint(@primary-color, 90%); } } } } } .@{dropdownPrefixCls}-link { .anticon-down { font-size: ~"60% \9"; // ie8-9 .scale(0.6); font-weight: bold; vertical-align: top; } }