admin管理员组

文章数量:1516870

webkit

webkit-scrollbar应用

// An highlighted block
<template><div class="textArea"><div class="title">多行文本</div><el-input type="textarea" :rows="7" placeholder="请输入内容" v-model="textarea"> </el-input></div>
</template><script>
export default {data() {return {textarea: ''}}
}
</script><style lang="scss" scoped>
.textArea {.title {font-size: 14px;opacity: 0.7;color: #3b4155;line-height: 20px;margin-bottom: 4px;}::v-deep .el-textarea__inner {border-radius: 2px;font-size: 14px;color: #3b4155;line-height: 20px;padding: 6px 8px 6px 8px;height: 160px;// @include scrollbar(red, blue);// 整个滚动条的样式&::-webkit-scrollbar {width: 40px;background-color: red;}// 滚动条轨道&::-webkit-scrollbar-track {width: 40px;border-radius: 40px;background-color: blue;}// 滚动条滑块&::-webkit-scrollbar-thumb {border: 5px solid #000;border-radius: 40px;background-color: yellow;}}
}
</style>

本文标签： webkit

版权声明：本文标题：webkit 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1702259207a566939.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。