ElementUI样式优化：el-input修改样式、el-table 修改表头样式、斑马格样式、修改滚动条样式、

在ElementUI中，可以通过类选择器或者深度选择器来覆盖默认的样式，并添加自定义样式。以下是一些常见的ElementUI组件的样式修改示例：

1. 修改el-input的样式：

/* 修改输入框的背景色为浅灰色 */
.el-input__inner {
  background-color: #eaeaea;
}
 
/* 修改焦点状态下的边框颜色为蓝色 */
.el-input__inner:focus {
  border-color: blue;
}

2. 修改el-table表头的样式：

/* 修改表头背景色为灰色 */
.el-table th {
  background-color: #d3dce6;
}
 
/* 修改表头文字颜色为黑色 */
.el-table th .cell {
  color: #000;
}

3. 修改斑马条纹背景（通常用于表格隔行变色）：

/* 修改偶数行背景色 */
.el-table .el-table__row:nth-child(even) {
  background-color: #f2f2f2;
}

4. 修改按钮样式：

/* 修改按钮的边缘圆角为3px */
.el-button {
  border-radius: 3px;
}

在实际项目中，可以在全局样式文件中添加这些自定义样式，或者在组件的<style>标签中添加，使用深度选择器（例如/deep/或>>>）来确保样式能够穿透组件边界。

/* 使用/deep/来确保样式能穿透scoped的样式 */
/deep/ .el-input__inner {
  background-color: #eaeaea;
}

注意：ElementUI版本更新可能会导致部分类名发生变化，请根据实际使用的ElementUI版本查询对应的类名。