<el-form-item <el-input 在一起的时候 设置border=false没有作业
时间: 2023-06-10 21:08:25 浏览: 363
如果您想在使用`<el-input>`时将边框设置为 `false`,可以使用以下方式:
```html
<el-form-item>
<el-input :border="false"></el-input>
</el-form-item>
```
在这种情况下,`:border="false"`将被传递给`<el-input>`组件,从而将其边框设置为 `false`。请注意,这只是一种传递属性的方式,`<el-input>`组件必须支持该属性才能生效。
如果这种方法仍然不起作用,您可以尝试在样式表中设置边框的样式。例如:
```css
.el-input {
border: none;
}
```
这将为所有`<el-input>`组件设置边框为`none`。
相关问题
<el-form-item <el-input 在一起的时候 设置<el-form-item border=false没有作用
如果您想要在 `<el-input>` 和 `<el-form-item>` 之间移除边框,您可以使用 `<el-form>` 的 `:border` 属性来控制整个表单的边框显示。
示例代码如下:
```html
<template>
<el-form :border="false">
<el-form-item>
<el-input placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
</template>
```
如果您需要更细粒度地控制 `<el-form-item>` 的边框显示,可以尝试使用 CSS 来设置边框样式,如下所示:
```html
<template>
<el-form>
<el-form-item class="no-border">
<el-input placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
</template>
<style scoped>
.no-border {
border: none;
}
</style>
```
这样就可以移除 `<el-form-item>` 的边框了。
<el-form-item <el-input 组合在一起的时候,去除掉<el-form-item的边框
可以通过设置`border`属性为`false`来去除`<el-form-item>`的边框,同时设置`border`属性为`false`也会影响到内部的`<el-input>`元素。
例如:
```html
<template>
<el-form>
<el-form-item border="false">
<el-input placeholder="请输入内容"></el-input>
</el-form-item>
</el-form>
</template>
```
阅读全文