filepreviewer样式能修改吗

登录

filepreviewer样式能修改吗

胡 · 胡

自定义CSS，下面是我的，可以作为参考

在-布局-自定义大小64*64 体验

/*设置FilePreviewer 单元格边框为无 */
div.FP-root .FP-explorer .FP-explorer-content{
margin: 0rem;
}
/*设置FilePreviewer 文件边框为无 */
.FP-root .FP-explorer .FP-file{
margin: 0rem;
}
/*设置FilePreviewer 设置删除按钮宽高宽，和外边距 */
.FP-root .FP-explorer .FP-file .FP-file-delete{
width: 0.8rem;
height: 0.8rem;
margin:0px;
}
/*设置FilePreviewer 设置删除按钮红色 */
.FP-root .FP-explorer .FP-explorer-content.FP-explorer-hiddentoolbar .FP-file.FP-selected.FP-actived .FP-file-delete{
background-color:orangered;
}
/*设置FilePreviewer 设置悬浮删除按钮时红色 */
.FP-root .FP-explorer .FP-explorer-content.FP-explorer-hiddentoolbar .FP-file.FP-selected.FP-actived .FP-file-delete:hover{
background-color:orangered;
}
/*设置FilePreviewer 设置悬浮图片显示删除按钮,设置为红色*/
.FP-root .FP-explorer .FP-explorer-content.FP-explorer-hiddentoolbar .FP-file:hover .FP-file-delete{
display:block;
background-color:orangered;
}
/*设置FilePreviewer 设置预览最大宽度为浏览器宽度90%*/
.FP-root .FP-previewer .FP-previewer-content .FP-carousel-item{
width: 100%;
height: 100%;
max-width: 90%;
}

复制代码

Nathan.guo · Nathan.guo

		自动登录	找回密码
密码			立即注册

[已处理] filepreviewer样式能修改吗