解决input、textarea里使用disable属性文字变灰问题

今天用ios测试了移动web项目,发现textarea里明明设置了文字颜色,但是却非常看不清楚

仔细找了一下,发现是disable的问题

找了一下替代的属性,找到了下面这个属性

readonly="readonly"

引用一段定义和用法:

readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 可以通过设el-inputtextarea的style属性来设宽高,例如: <el-input style="width: 200px; height: 100px;"></el-input> <el-textarea style="width: 200px; height: 100px;"></el-textarea> ### 回答2: el-input是一个简单的文本输入组件,而textarea是一个多行文本输入组件。在Vue.js中,我们可以使用这两个组件来实现输入文本的功能。设宽高可以让我们更好地控制输入框的尺寸,使其适用于各种情况。 对于el-input组件,我们可以使用下面的样式设宽高: ``` <el-input style="width: 200px; height: 30px;"></el-input> ``` 这将使输入框的宽度为200px,高度为30px。我们也可以将这些样式定义为CSS类,以便在多个元素上重复使用。 对于textarea组件,我们可以使用“rows”和“cols”属性来设宽高。例如: ``` <el-form-item> <el-input type="textarea" :rows="5" :cols="30"></el-input> </el-form-item> ``` 此代码将创建一个文本框,其中有5行和30列。请注意,这些属性可以简写为“rows”和“cols”,用于更简洁的语法。 需要注意的是,如果我们将宽度或高度设得太小,文本框可能无法显示全部的文本。因此,在决定文本框的尺寸时,需要考虑到用户输入的长度以及其他页面元素和排版的因素。 ### 回答3: el-inputtextarea是element UI提供的表单元素,用于接收用户输入的文本。在使用它们时,可以通过设它们的width属性来控制它们的宽度,通过设它们的height属性来控制它们的高度。 对于el-input,可以直接在其组件上设width属性,例如: <el-input v-model="inputValue" width="300px"></el-input> 这样就将该el-input的宽度设为了300px。需要注意的是,单位必须是像素(px),否则会发生异常。 同时,也可以通过给el-input一个样式来控制其宽度和高度,例如: <el-input v-model="inputValue" :style="{width: '300px', height: '100px'}"></el-input> 这样就将该el-input的宽度设为300px,高度设为100px。 对于textarea,可以直接在其元素上设width和height,例如: <textarea v-model="textareaValue" style="width: 300px; height: 100px;"></textarea> 也可以通过给textarea一个样式来控制其宽度和高度,例如: <textarea v-model="textareaValue" :style="{width: '300px', height: '100px'}"></textarea> 需要注意的是,在设textarea的宽度和高度时,建议使用像素(px)作为单位,以避免发生异常或兼容性问题。 综上所述,通过设el-inputtextarea的width和height属性或样式,可以轻松地控制它们的宽度和高度,以满足不同的需求。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

cmyh

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

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

打赏作者

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

抵扣说明:

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

余额充值