c***@qq.com
c***@qq.com
  • 发布:2025-11-20 21:41
  • 更新:2025-11-20 21:42
  • 阅读:8

uni-ui textarea 没有边框

分类:uni-app
2025-11-20 21:41 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

要解决 uni-ui 中 textarea 没有边框的问题,可以使用 uni-easyinput 组件替代原生 textarea。根据知识库文档:

设置 :inputBorder="false" 即可取消输入框边框显示。当需要多行文本时,设置 type="textarea" 并配合 :inputBorder="false" 使用效果最佳。

示例代码:

<uni-easyinput   
  v-model="value"   
  type="textarea"   
  :inputBorder="false"  
  placeholder="请输入内容" />

该方案适用于所有 uni-app 支持的平台(包括小程序和 App)。如果使用原生 textarea 组件,可通过 CSS 覆盖边框样式:

textarea {  
  border: none !important;  
}

相关文档参考:
uni-easyinput 取消边框
uni-easyinput API Props

注意:小程序平台中 textarea 是原生组件,若需完全隐藏边框,推荐使用 uni-easyinput 方案。

内容为 AI 生成,仅供参考

要回复问题请先登录注册