类型是type="textarea"的怎么修改不可编辑时的颜色
时间: 2023-12-05 12:04:42 浏览: 23
可以使用CSS中的::selection伪类来修改不可编辑时的颜色,如下所示:
```
textarea:read-only::selection {
background-color: #ccc;
color: #333;
}
```
这样,在type="textarea"的元素被设置为只读时,选择的文本背景颜色将变为灰色,文本颜色变为深灰色。
相关问题
vue2 el-input type=textarea disabled怎么修改placeholder颜色
对于 `type='textarea'` 的 `el-input` 组件,你可以通过下面的 CSS 代码来修改禁用状态下的 placeholder 颜色:
```css
.el-input.is-disabled textarea::-webkit-input-placeholder {
color: #999; /* 你想要的颜色 */
}
.el-input.is-disabled textarea::-moz-placeholder {
color: #999; /* 你想要的颜色 */
}
.el-input.is-disabled textarea:-ms-input-placeholder {
color: #999; /* 你想要的颜色 */
}
```
在这个代码中,`.el-input.is-disabled` 选择器选择了禁用状态下的输入框,`textarea::-webkit-input-placeholder`、`textarea::-moz-placeholder` 和 `textarea:-ms-input-placeholder` 选择器分别选择了不同浏览器中的 placeholder 文本。你可以修改 `color` 属性的值来改变 placeholder 的颜色。
el-input type=textarea高度
el-input type=textarea的高度可以通过设置rows属性来控制,例如:
<el-input type="textarea" :rows="5"></el-input>
这样就可以将高度设置为5行的高度。如果需要自适应高度,可以设置autosize属性为true,例如:
<el-input type="textarea" autosize></el-input>
这样输入框的高度会根据内容自适应。