css form-border
时间: 2023-08-08 19:05:03 浏览: 41
`form-border` 不是 CSS 的内置属性或函数,可能是您自己定义的类名。如果您能提供更多信息,比如您在哪里看到了这个类名,或者您自己的代码中的用法,我可以更好地回答您的问题。一般来说,使用 CSS 可以给表单元素添加边框的样式,例如:
```css
input[type="text"], input[type="password"], select {
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
}
```
这段 CSS 代码会给文本输入框和密码输入框以及下拉框都添加类似于灰色实线边框、圆角和一些内边距的样式。
相关问题
<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 border
要为 el-form 添加边框,你可以使用 el-form 的自定义类名属性来设置样式。在 el-form 上添加一个自定义类名,然后在 CSS 中定义该类名的样式,包括边框样式。
HTML代码示例:
```html
<el-form class="my-form" :model="form">
<!-- 表单内容 -->
</el-form>
```
CSS代码示例:
```css
.my-form {
border: 1px solid #ccc;
padding: 20px;
}
```
这样就为 el-form 添加了一个 1px 宽度、颜色为 #ccc 的边框,并设置了内边距为 20px。你可以根据需要自定义边框的样式。