admin 管理员组

文章数量: 1184232


2024年1月6日发(作者：bowed)

vue中iframe的滚动条样式

在 Vue 中，可以使用以下 CSS 样式来设置 iframe 的滚动条样式：

css

/* 隐藏 iframe 的默认滚动条 */

iframe::-webkit-scrollbar {

display: none;

}

/* 自定义滚动条样式 */

iframe {

scrollbar-color: #d4d4d4 transparent;

scrollbar-width: thin;

}

/* 鼠标悬浮在滚动条上时的颜色 */

iframe::-webkit-scrollbar-thumb:hover {

background-color: #d4d4d4;

}

/* 自定义滚动条轨道的样式 */

iframe::-webkit-scrollbar-track {

background: transparent;

}

iframe::-webkit-scrollbar-track-piece {

background-color: #f2f2f2;

}

这样，就可以自定义 iframe 的滚动条样式了。注意，以上样式在不同浏览器可能会有些差异，需要根据浏览器的不同进行调整。


本文标签： 浏览器 样式 差异

版权声明：本文标题：vue中iframe的滚动条样式 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1704478935a461567.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。