CSS - 修改浏览器默认的滚动条样式、以及Element UI图标变大和内边距都变大

只要cv一下,就能让你的网页显得更加高端大气上档次。

/* 滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f8f8f8;
}
// 滚动条轨道
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background: #fff ;
}

// 滑块
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color:#999;
  border-radius: 5px;
}

// 滑块hover
::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color:#666;
}
/* / 滚动条 */
/* 操作 */
.el-table tbody tr :nth-child(16) .el-row {
  /deep/ .el-button--mini.is-circle i {
    font-size: 16px !important;
  }

  /deep/ .el-icon-document-add {
    position: relative;
    left: 1px;
  }

  /deep/ .el-button--mini.is-circle {
    padding: 5px;
  }

  /deep/ .el-button + .el-button {
    margin-left: 6px;
  }
}
/* / 操作 */

效果如下:

CSS - 修改浏览器默认的滚动条样式、以及Element UI图标变大和内边距都变大_第1张图片

你可能感兴趣的:(前端大杂烩,css)