当前位置:   article > 正文

CSS 文字超出显示滚动条

CSS 文字超出显示滚动条

1、布局结构

  1. <view class="tes" style="margin-top: 15rpx;">
  2. <p v-html="conten" class="conten"></p>
  3. </view>

conten  里是内容

2、页面样式

  1. .tes::-webkit-scrollbar-track-piece {
  2. background-color: rgba(0, 0, 0, 0);
  3. border-left: 1px solid rgba(0, 0, 0, 0);
  4. }
  5. .tes::-webkit-scrollbar {
  6. display: block;
  7. width: 5px;
  8. height: 10px;
  9. -webkit-margin-bottom-collapse: 12px;
  10. -webkit-border-radius: 5px;
  11. -moz-border-radius: 5px;
  12. border-radius: 5px;
  13. }
  14. .tes::-webkit-scrollbar-thumb {
  15. background-color: #b2b2b2;
  16. background-clip: padding-box;
  17. -webkit-border-radius: 5px;
  18. -moz-border-radius: 5px;
  19. border-radius: 5px;
  20. min-height: 28px;
  21. }
  22. .tes::-webkit-scrollbar-thumb:hover {
  23. background-color: #e6e6e6;
  24. -webkit-border-radius: 5px;
  25. -moz-border-radius: 5px;
  26. border-radius: 5px;
  27. }

可以通过改变css 中的颜色,判断代码都是负责哪一部分

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/538010
推荐阅读
相关标签
  

闽ICP备14008679号