在FVS中使用JS修改日期框弹窗怎么修改大小

通过JS

"use document";
setInterval(function() {
    // 下拉列表样式
    $(".bi-v.list-view-outer.bi-card.list-view-shadow").css({
        "background": "linear-gradient(180deg, #f5f9ff 0%, #e6f0ff 100%)",//背景颜色，现在是渐变色
        "color": "#333",
        "font-size": "20px",//字体大小
        "border-radius": "4px",
        "box-shadow": "0 2px 8px rgba(0,0,0,0.1)"
    });
    
     
}, 100);
setInterval(function() {
    $(".bi-dynamic-date-popup.bi-v").css({
        "width": "400px",//展开框宽度
        "height": "300px",//展开框高度
        "overflow-y": "auto"  //添加滚动条,按实际需求可去掉
    });
}, 100);

修改了日期控件的弹窗后发现点开选择年份的弹窗还是有问题，我自己尝试找他的类修改但是每次我修改完都是下面图中的样子，这个年和月的选择弹窗的大小和字体该怎么调整，这个类要怎么找

FineReport yzmfKZXQ1464691 发布于前天 14:11

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

shirokoLv6资深互助
发布于前天 16:19

"use document";
var style = document.createElement('style'); 
 style.innerText = `
 /* 下拉列表样式 */
.bi-v.list-view-outer.bi-card.list-view-shadow {
    background: linear-gradient(180deg, #f5f9ff 0%, #e6f0ff 100%) !important;
    color: #333 !important;
    font-size: 20px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* 日期弹窗样式 */
.bi-dynamic-date-popup.bi-v {
    width: 400px !important;
    height: 300px !important;
    overflow-y: auto !important;
}
/* 年份弹出样式*/
.bi-year-popup.bi-v{
width: 200px !important;
}
.bi-basic-button.cursor-pointer.bi-text-item {
width: auto !important;
height: auto !important;
}
`;    
document.head.appendChild(style);