css 一些遇到的样式小总结

最新推荐文章于 2023-07-10 08:15:48 发布

努力的小雷

最新推荐文章于 2023-07-10 08:15:48 发布

阅读量135

点赞数

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

本文链接：https://blog.csdn.net/qq_49879334/article/details/115342908

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

必填项去掉*号

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
            content: '';
        }

也可以使用element UI 自带的一个属性
在这里插入图片描述

 <el-form :model="state.addressForm" :rules="state.rules"
         label-width="80px" :hide-required-asterisk="true">
  </el-form>

css样式去掉小眼睛样式

input[type="password"]::-ms-reveal{
            display:none;
        }

滚动条
ie隐藏、显示滚动条外面隐藏、里面显示

body{
     -ms-overflow-style:none;
}
#calendar{
      -ms-overflow-style:auto;
}

谷歌浏览器隐藏

body::-webkit-scrollbar{ display: none;}

火狐

 scrollbar-width: none;

父元素下设置子元素样式

div:nth-child(2){
    flex:1
}
div:nth-child(3){
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column; /*纵向排列  默认是row*/
}