label前边的这个框有没有办法给弄掉呢，只要文字内容的长度即可

label前边的这个框有没有办法给弄掉呢，只要文字内容的长度即可

<el-form-item label="有效性" prop="validstatus">
                <el-select v-model="queryParams.validstatus" filterable clearable style="width: 200px">
                    <el-option :label="'有效'" :value="1"> 有效el-option>
                    <el-option :label="'无效'" :value="0"> 无效el-option>
                el-select>
            el-form-item>

label-width:auto 试试
然后设置对齐方式

你可以将的label-width属性设置为0，然后运行一下试试。

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

label-width="auto"应该就可以适应文字内容的长度，文档里都有写的

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/256471
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：labelme安装打开过程、出现问题及解决方案
• 除此之外, 这篇博客: 表单字段集与label属性中的 label 标签的使用方式 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  
• • 第一种方式为把要点击的文字 放到 label 标签里面
    然后 利用 label 标签的 for 属性 关联(id)到 要湖区焦点的表单元素
    for=“id名” id名 就是 input 输入框的 id 名字

  <label for="a"></label>
  <input type="text" id="a">
  

  • label 标签的第二种使用方式
    是把文字和表单元素 全部放到 label 标签里面
    记得要把 label 标签的 for 属性 删掉

  <label>
  	<input type="text">
  </label>