el-input圆角
时间: 2023-07-02 07:22:56 浏览: 104
要给 el-input 添加圆角,可以通过设置其样式来实现。具体方法如下:
1. 在样式表中添加以下代码:
```
.el-input {
border-radius: 4px;
}
```
2. 如果想要只给 el-input 的左侧或右侧添加圆角,可以分别设置其 border-radius 的值:
```
.el-input {
border-radius: 4px 0 0 4px; /* 左侧圆角 */
border-radius: 0 4px 4px 0; /* 右侧圆角 */
}
```
以上代码中,4px 可以根据需要进行调整。
希望能够帮到你!
相关问题
el-input圆角样式修改
要修改el-input的圆角样式,你可以使用以下CSS样式:
```css
.el-input {
border-radius: 20px; /* 设置圆角半径,根据需要调整数值 */
}
```
将上述样式添加到你的CSS文件中或者在style标签内添加,即可实现el-input的圆角样式修改。记得在HTML中引入该CSS文件或者将style标签放在合适的位置。
el-input透明圆角
可以通过以下样式实现el-input透明圆角:
```css
.el-input {
background-color: transparent;
border-radius: 20px;
}
```
其中,`background-color: transparent;`表示背景色为透明,`border-radius: 20px;`表示边框圆角为20px。
阅读全文