element-ui表单中的文本域 调整高度

<el-form-item label="活动形式">

                      <el-input type="textarea" v-model="form.desc"></el-input>

</el-form-item>

在<el-input type="textarea" v-model="form.desc"></el-input> 加上属性  :rows="2"   默认是2  你想调整 高一点可以更改这个数字

其实 我在工作中发现一个问题就是 没法 取消让用户无法 拖拽设置 文本域的高度

这个element-ui 的文本域 默认 用户是可以拖拽 高度  

在普通的 文本输入域  直接设置样式  resize:none 用户就无法 拉扯变形

 很奇怪 这个样式 在element-ui文本输入域中无法执行

我翻过很多网上的知识  

如果你是用脚手架形式的 可以试试 覆盖他的样式 

我试试了试试 不行   它内部封装的是vue的组件  

试试可以的童鞋 麻烦 私信我 咱聊一聊  

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 13
    评论
element-ui文本域的字体可以通过CSS样式来设置。可以在.el-textarea__inner样式设置字体属性。例如,可以使用以下样式将字体设置为"Helvetica Neue"或其他字体: .el-textarea__inner{ font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; } 这样设置后,element-ui文本域的文本将使用指定的字体。如果你想调整文本域高度,可以在<el-input type="textarea" v-model="form.desc"></el-input>元素上添加属性:rows="2"。默认情况下,这个属性的值是2,你可以根据需要调整这个数字来增加或减少文本域高度。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [element-ui表单文本域 调整高度](https://blog.csdn.net/yunchong_zhao/article/details/103792330)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [element-ui input 与textarea字体不一样](https://blog.csdn.net/weixin_50013077/article/details/128290535)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了,请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值