测试报的一个小bug,在这做个记录
效果图:
加之前:鼠标放上去才会显示
加之后:超过直接显示出来
文章来源:https://www.toymoban.com/news/detail-504626.html
代码:文章来源地址https://www.toymoban.com/news/detail-504626.html
<el-input
type="textarea"
v-model="ruleForm.explain"
:autosize="{ minRows: 2, maxRows: 8 }"
maxlength="1024"
placeholder="说明"
></el-input>
::-webkit-scrollbar {
width: 8px; /*滚动条宽度*/
height: 8px; /*滚动条高度*/
}
.el-textarea__inner::-webkit-scrollbar-thumb {
background-color: rgba(168, 168, 168,.4);/*滚动条默认显示的颜色*/
}
.el-textarea__inner::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: white;/*滚动条背景色显示的颜色*/
}
到了这里,关于element ui textarea文本域显示滚动条的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!