hebxtshhyj 发表于 2024-2-18 08:41:17

表中的下拉框按钮 css样式

咱群里大神写的这段代码怎么改？   （不会上传附件,代码如下)

----------------------------------------------------------------------------------------------------------


::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(95, 95, 95, .2);
    border-radius: .5rem;
    transition: all .8s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(95, 95, 95, .7);
}

:root {
    --icon-corner: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADlJREFUOE9jZKAQMFKon2EIGhAXF/d/0aJFcJfTzwswm+nvAnSb6ecCXDbT3gWEbKa9C0jNXBSnRADzyTwRbYW38wAAAABJRU5ErkJggg==);
    --icon-downarrow: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAIVJREFUOE/dkzEOgCAQBF34g4kPgwrC0wihg3/Z+IgzGEkAwUI6qXfnls0dlsmHSf/yJ4BSamOM7UQkvfex143WWgAInPPVWnskTdWBMSYQkehBshlAdM7JPOBRYg8yMj8SZGoJuURAaCcPE7SQG1DFLvt53YOUJInLP7fl/mmRvh7VdAcnzmdFEah8J2AAAAAASUVORK5CYII=);
}

.gcim-icon_drop-down,
.gcim-icon_drop-down {
    background-image: var(--icon-downarrow);
    background-size: 12px;
}

.gcim-dropdown-down {
    box-shadow: 2px 6px 10px -9px #00000080;
}

.gcim-dropdown-down .gcim__listbox {
    border: #e9e9e9 solid 1px;
    background-color: white;
    border-radius: 4px;
    margin-top: 0px;
}

.gcim-dropdown-down .viewport .list-item {
    width: 100%;
    font-weight: 300;
    color: #666666;
    border-bottom: 1px solid #e9e9e9;
    transition: background-color .2s;
}

.gcim-dropdown-down .viewport .list-item:hover {
    background-color: #f4f4f4;
}

.gcim-dropdown-down .viewport .list-item {
    background-color: #f4f4f4;
    color: #666666;
    font-weight: 500 !important;
}

.gcim-dropdown-down .corner {
    opacity: 0;
    transition: opacity .2s;
    background-image: var(--icon-corner);
    background-size: 100%;
}

.gcim-dropdown-down .corner:hover {
    opacity: 1;
}





robert 发表于 2024-2-18 08:41:18

这个是Canvas画的，不是Dom，不能通过CSS修改

Joe.xu 发表于 2024-2-18 13:36:08

这个目前确实不太好修改，您可以在产品需求版块中发个帖子，后续产品经理会评估该需求的合理性以及实现的必要性、可行性，然后加入开发计划。欢迎您继续积极反馈，帮助我们提升和完善产品功能。
页: [1]
查看完整版本: 表中的下拉框按钮 css样式