2021年JS优化技巧 前端使用技巧

1,设置el-table中的el-input的属性

el-input的样式自定义化
.myElTable .el-input .el-input__inner {
   border: 0;
   border-radius: 0px;
   box-shadow: none;
}
.myElTable .el-input .el-input__inner:focus {
    border-bottom: 1px solid #409eff;
 }

2.滚动条的样式

/*滚动条样式*/
::-webkit-scrollbar {
   /*滚动条整体样式*/
   width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
}
::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius   : 10px;
   background-color: skyblue;
   background-image: -webkit-linear-gradient(
         45deg,
         rgba(255, 255, 255, 0.2) 25%,
         transparent 25%,
         transparent 50%,
         rgba(255, 255, 255, 0.2) 50%,
         rgba(255, 255, 255, 0.2) 75%,
         transparent 75%,
         transparent
   );
}
::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
   background   : #ededed;
   border-radius: 10px;
}