修改element-plus中input默认样式

要修改`element-plus`中`input`的默认样式，可以使用以下步骤：

1. 创建一个覆盖样式的CSS文件。
2. 在你的Vue项目中引入该CSS文件。
3. 在CSS文件中，使用`input`选择器覆盖`element-plus`中`input`的默认样式。

以下是一个简单的示例：

1. 创建一个名为`custom-styles.css`的文件，将其放置在你的项目的`src/assets`目录下。

2. 在你的Vue组件中引入该CSS文件：

<template>
  <div>
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
  </div>
</template>

<script>
import "@/assets/custom-styles.css";

export default {
  data() {
    return {
      inputValue: "",
    };
  },
};
</script>

3. 在`custom-styles.css`中使用`input`选择器覆盖`element-plus`中`input`的默认样式：

/* 修改输入框的高度 */
.el-input__inner {
  height: 40px;
}

/* 修改输入框的字体大小和颜色 */
.el-input__inner {
  font-size: 16px;
  color: #333;
}

/* 修改输入框的背景色和边框 */
.el-input__inner {
  background-color: #f5f5f5;
  border: none;
}

/* 修改输入框的placeholder的颜色 */
.el-input__inner::placeholder {
  color: #999;
}

注意：以上示例只是一个简单的示例，你可以根据自己的需求修改样式。