ArtPlayer/packages/artplayer/src/style/selector.less

.art-control-selector {
    position: relative;
    
    .art-selector-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        position: absolute;
        border-radius: 3px;
        bottom: var(--art-control-height);
        background-color: var(--art-widget-background);
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
        transition: all var(--art-transition-duration) ease;

        .art-selector-item {
            .art-center();
            padding: 10px 15px;
            flex-shrink: 0;
            line-height: 1;

            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:hover,
            &.art-current {
                color: var(--art-theme);
            }
        }
    }

    &:hover {
        .art-selector-list {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
    }
}