elementui的input无边框

ElementUI的input组件默认有边框，但是可以通过CSS样式来去掉边框。根据提供的引用内容，可以看到有两种方法可以去掉边框：
1. 第一种方法是在style标签中添加以下CSS样式：.el-input__inner{ border: none; }，这样就可以去掉input的边框。
2. 第二种方法是在CSS样式中利用穿透，设置input边框隐藏，具体代码如下：.inputDeep>>> .el-input__inner { border: 0; }，这样也可以去掉input的边框。

同时，还可以使用HTML代码中的class属性来去掉边框，具体代码如下：<el-input v-model="input" class="borderNone" placeholder="此处展示结果"></el-input>，其中borderNone是自定义的CSS类名，其样式为border: none;。

相关问题

elementui input

Element UI的input组件有几个常用的属性可以使用。首先是size属性，可以用来指定input框的尺寸。可以通过设置size属性的值为"medium"、"small"或"mini"来分别设置为中等、小型或迷你尺寸。例如：

<el-input v-model="test" size="medium" placeholder=""></el-input>

另外，input组件还有placeholder属性，可以设置输入框的占位符文本。可以通过设置placeholder属性的值为所需的文本来显示占位符。例如：

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

最后，如果需要禁用input组件，可以通过绑定一个disabled属性来实现。将disabled属性设置为true即可禁用输入框。例如：

<el-input v-model="test" :disabled="disabled" placeholder="不能输入"></el-input>

以上就是Element UI的input组件的一些常用属性的使用方法。

elementui input textarea

ElementUI的input textarea是一个基于Vue.js的组件库，它提供了一系列可定制的表单组件，包括文本框(input)和文本域(textarea)等。

要使用ElementUI的input textarea，需要引入ElementUI的库文件，并按照需求配置相应的属性。

以下是使用ElementUI实现textarea的示例代码：

<template>
  <el-input type="textarea" v-model="textareaValue" :rows="5" class="textarea-box"></el-input>
</template>

<script>
export default {
  data() {
    return {
      textareaValue: ''
    }
  }
}
</script>

<style scoped>
.textarea-box {
  height: 140px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}
</style>

在这个示例中，我们使用了`el-input`组件，将`type`属性设置为"textarea"，这样就将输入框变为了文本域。我们还可以使用`rows`属性来设置文本域的行高。

另外，如果需要显示文字的总长度，可以使用`show-word-limit`属性。但是默认情况下，它可能会遮挡住输入的文字。为了解决这个问题，可以通过修改样式来调整位置，或者使用`el-input__count`类来自定义样式。

通过以上步骤，就可以实现一个基本的ElementUI的input textarea。你可以根据自己的需求添加其他属性或自定义样式。

希望以上信息能对你有帮助！