element ui textarea文本域显示滚动条

测试报的一个小bug，在这做个记录

效果图：

加之前：鼠标放上去才会显示

加之后：超过直接显示出来

代码：

 <el-inputtype="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文本域显示滚动条相关推荐

div模拟textarea文本域轻松实现高度自适应——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=1362 一.关于t ...
限制Textarea文本域内容的长度
通过charCodeAt()函数获取字符的Unicode值,根据Unicode值得范围判断字符串中是否包含中文符,包含temp+2,不包含temp+1: 在body标签的onload加载事件中调用Ja ...
php设置文本框高度,怎样让textarea文本域宽度和高度width及height自动适应
这次给大家带来怎样让textarea文本域宽度和高度width及height自动适应,让textarea文本域宽度和高度width及height自动适应的注意事项有哪些,下面就是实战案例,一起来看一下 ...
element ui富文本编辑器的使用(quill-editor)
element ui富文本编辑器的使用(quill-editor) 文章目录 element ui富文本编辑器的使用(quill-editor) 效果展示:(可以上传图片及其视频) 第一步.首先安装富 ...
表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
关于模拟文本域iview textarea文本域:autosize=quot;{minRows: 3,maxRows: 7}quot;这个属性的好处
具体写法:<Input v-model="value" type="textarea" :autosize="{minRows: 3,maxRo ...
限制textarea文本域中输入字符个数（防粘贴）
通常我们需要对用户文本输入进行字符数量上的限制,对于<input type="text" value="" />文本输入域,我们可以通过maxlen ...
【多个IP地址用逗号分割开】vue简单实现，textarea文本域输入多个ip地址用逗号分隔开，根据空格分割
前言这个功能也是很多地方会用到的. 一般使用的地方是比如需要设置白名单或者黑名单然后页面上会有一个textarea文本域. 在文本域中输入多个ip地址,输入一个回车换一行. 然后点击保存后,把数据 ...
自适应textarea文本域高度原理
自适应文本域高度原理.什么是自适应文本域高度?可能名字叫的不是很容易理解,这里解释下,就是一个文本域输入框的高度会跟随内容高度变化而刚好就是文本高度.这就是自适应文本域高度文本域的标签通常就是 te ...

element ui textarea文本域显示滚动条

element ui textarea文本域显示滚动条相关推荐

最新文章

热门文章