textarea隐藏滚动条

最新推荐文章于 2023-05-03 23:49:01 发布
最新推荐文章于 2023-05-03 23:49:01 发布
阅读量6.4k 收藏 1
点赞数
分类专栏： javaweb 文章标签： class
设定多行文本框的滚动条

没有水平滚动条
<textarea style= "overflow-x:hidden "> </textarea>

没有垂直滚动条
<textarea style= "overflow-y:hidden "> </textarea>

没有滚动条
<textarea style= "overflow-x:hidden;overflow-y:hidden "> </textarea>
或 <textarea style= "overflow:hidden "> </textarea>

设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色 <body style= "scrollbar-base-color:red ">
scrollbar-base-color设定的是基本色，一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果：
<body style= "scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon ">

在样式表文件中定义好一个类，调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用：
<textarea class= "coolscrollbar "> </textarea>
shuangyvshenshi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
textarea自适应高度标签，去除难看的滚动条
10-13
这是一个令textarea高度自适应的插件，使用jquery 去掉令人非常讨厌的滚动条；
js textarea自动增高并隐藏滚动条
10-29
textarea自动增高并隐藏滚动条
textarea怎样隐藏滚动条
BADAO_LIUMANG_QIZHI的博客
05-23 3737
场景 textarea设置隐藏滚动条。 实现 设置横向滚动条： <textarea id=txtComments style="overflow-x:hidden"></textarea> 设置竖向滚动条： <textarea id=txtComments style="overflow-y:hidden"></textarea> ...
hmtl--textarea的滚动条（转）
weixin_33766168的博客
08-20 979
要设置textarea文本域的滚动条是否开启，使用style.overflow-x属性来控制。如：如果要隐藏该文本域的横向滚动条，在style属性中增加overflow-x属性控制，如下：<textarea id=txtComments style="overflow-x:hidden"></textarea>相应的，若要隐藏纵向滚动条：<textarea id=tx...
textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法
12-13
在IE下文本框textarea会显示滚动条（如下：） 去掉textarea横向或纵向滚动条办法： <textarea style="overflow:hidden"></textarea> 可以通过overflow-x:hidden和overflow-y:hidden控制横向和纵向滚动条 要设置textarea文本域的滚动条是否开启，使用style.overflow-x属性来控制。如：如果要隐藏该文本域的横向滚动条，在style属性中增加overflow-x属性控制，如下： <textarea id=txtComments style="overflow-x:hidden"></textare
隐藏滚动条还可以滚动
最新发布
m0_46581222的博客
05-03 562
:-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮)::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分。::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分。::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)::-webkit-scrollbar-thumb — 滚动条上的滚动滑块。
IE下textarea默认不显示滚动条的实现代码
09-25
IE下textarea默认情况下会显示出竖直方向的滚动条，如果不想让它显示要怎么设置呢，如果需要隐藏滚动条，行数超过height时才显示出滚动条，需要把overflow设置为auto
html滚动条 textarea属性设置
09-28
例如，如果你想隐藏页面的垂直滚动条，你可以使用以下CSS代码： ```css body { overflow-y: hidden; } ``` 对于`textarea`元素，`overflow`属性同样适用，可以控制多行文本的显示方式。例如，如果你只想让`textarea...
textarea高度自适应且不出现滚动条
Lingyv77的博客
03-26 1041
主要实现就是将滚动条隐藏overflow: hidden, 然后监听滚动时候textarea的scrollHeight赋值给height就行实现设置高度, 值改变重置高度使得scrollHeight值重新刷新然后再赋值给height
jsp 隐藏textarea的滚动条
清叶 的专栏
12-14 1252
注：若想隐藏textarea的滚动条，只需加上下面的代码即可，当输入的内容超过一定的高度后，滚动条会自动显示出来。 说明： wrap="off"         不自动换行，默认属性 wrap="hard"       自动硬回车换行，换行标记不会被一起发送 ----------------------------------------------------------------
textarea自动增高并隐藏滚动条
weixin_33862188的博客
11-14 318
<textarea id="tValue" style="overflow-y:hidden; height:20px;" onpropertychange="this.style.height=this.scrollHeight + 'px'" oninput="this.style.height=this.scrollHeight + ...
IE下textarea默认不显示滚动条
XF的专栏
05-14 5471
IE下textarea默认情况下会显示出竖直方向的滚动条： 如果需要隐藏滚动条，行数超过height时才显示出滚动条，需要把overflow设置为auto：
隐藏textarea
别在熬夜了！
12-22 7469
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 无标题文档 function ShowTxt() { document.getElementById("txt").style.display="block"; } function
去掉textarea右下角的灰点以及去滚动条
北梦啊的博客
11-19 2362
&lt;textarea&gt;&lt;/textarea&gt; &lt;style&gt; textarea{ resize:none;//去右下角灰点 width:200px; height:50px; } textarea::-webkit-scrollbar { display: none;//去滚动条 } &lt;/style&gt; ...
ie中隐藏textarea的滚动条显示
大学IT网
10-31 1947
默认情况下，ie中的textarea是带有滚动条的，那排textarea 只要加上如下语句即可： textarea { overflow: auto; }
textarea 滚动条属性设置
xqhys的博客
03-23 1969
取值：$("#ID").val(); 控制大小：加width,height限制(style="width:100px;height:200px;");或row,col限制(<textarea rows="5" cols="7">); 限制拖动： style="resize:none;" 滚动条效果： style="overflow:s...
antd-mobile teaxtarea出现异常滚动条
qq_38427709的博客
09-14 264
今天在开发一个页面的时候，发现文本输入框里面，多出来一条灰色的 由于在我的手机上没有出现，而是在一个老版本的安卓手机上出现的 这就让我感觉很有意思，后面我就试了试，发现它还会随着内容变长，我感觉基本就是一条滚动条了，但是还是记录下 只需要在内部样式 .am-text-area-control { overflow: hidden; .am-text-area-control { textarea { overflow: hidden; } } } ...
【表单】textarea去掉右下角伸缩框
Kalimye的博客
04-16 2317
resize:none;使用以上代码可去掉
html的textarea设置滚动条
03-16
要在HTML中设置textarea的滚动条，可以使用以下代码： <textarea rows="4" cols="50" style="overflow:scroll;"></textarea> 其中，rows和cols属性分别用于设置...如果想要隐藏滚动条，可以将scroll改为hidden。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值