项目中常用的CSS样式

最新推荐文章于 2024-10-01 23:20:42 发布

辅助辅助助辅

最新推荐文章于 2024-10-01 23:20:42 发布

阅读量148

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_40924034/article/details/103163211

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

CSS 样式

多行显示点点点

	text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;

placeholder 换行(``)

	placeholder={` textarea \n 最多输入500字 `}

input 背景透明

	input{
          color: #fff;
          background: transparent!important; //透明
    }

文本框点击可编辑状态

<div id="textarea" contenteditable="true"></div>

滚动条样式

::-webkit-scrollbar {
    width: 10px !important; /*滚动条宽度*/
    height: 10px !important; /*滚动条高度*/
  }

  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {

    border-radius: 5px !important; /*滚动条的背景区域的圆角*/
    background-color: transparent !important; /*滚动条的背景颜色*/
  }

  ::-webkit-scrollbar-corner {
    background-color: transparent !important;
  }

  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius: 5px !important; /*滚动条的圆角*/
    background-color: #25305E; /*滚动条的背景颜色*/
  }