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-scrollbar应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。