el-input修改图标到input框左上方 代码
时间: 2023-07-15 18:10:17 浏览: 89
修改图标源代码
你可以通过使用 `prefix` 属性来将图标放置在输入框的左侧。以下是一个示例代码:
```html
<el-input placeholder="请输入内容" prefix-icon="el-icon-search"></el-input>
```
这将在输入框左侧添加一个搜索图标。你可以将 `prefix-icon` 属性设置为任何你想要的图标类名。如果你想要更改图标的大小,可以使用 `prefix-icon-class` 属性。
如果你想要将图标放置在输入框上方,你可以使用相同的方法,并将 `prefix` 属性设置为一个包含图标的元素。例如:
```html
<el-input placeholder="请输入内容">
<template slot="prefix">
<i class="el-icon-search"></i>
</template>
</el-input>
```
这将在输入框上方添加一个搜索图标。你可以使用 `slot` 属性将元素插入到输入框的特定位置。
阅读全文