关键词：
【中文标题】选定文本区域的自定义滚动条设计[重复]【英文标题】：Custom scrollbar design for selected textarea [duplicate] 【发布时间】：2019-07-18 17:44:18 【问题描述】：如何在主流浏览器中为特定的textarea 实现自定义滚动设计？
例如：
我的滚动设计的示例图片：
【问题讨论】：
这可能会有所帮助：css-tricks.com/custom-scrollbars-in-webkit 【参考方案1】：下面简单的 sn-p 足以给你自定义滚动
textarea::-webkit-scrollbar
width: 12px;
textarea::-webkit-scrollbar-track
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
textarea::-webkit-scrollbar-thumb
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
<html>
<body>
<textarea cols="40" rows="3" wrap="off" >
Hello
Hai
Hell
World
Hai
HHHH
</textarea>
</body>
</html>【讨论】：
jQuery / JS 获取文本区域的滚动条高度
】jQuery/JS获取文本区域的滚动条高度【英文标题】：jQuery/JSgetthescrollbarheightofantextarea【发布时间】：2011-08-2405:19:33【问题描述】：我有一个固定高度的文本区域。当用户在textarea中输入文本时，滚动条会在用户输入一些文本后出... 查看详情
如何使用内部阴影和滚动条正确设置文本区域的样式
】如何使用内部阴影和滚动条正确设置文本区域的样式【英文标题】：Howtoproperlystyleatextareawithinnershadowsandscrollbar【发布时间】：2012-02-1207:10:01【问题描述】：我正在使用以下CSS为我的所有控件、输入和文本区域添加内阴影：input... 查看详情
自动滚动到文本区域的底部
】自动滚动到文本区域的底部【英文标题】：Automaticallyscrolltothebottomofatextarea【发布时间】：2012-02-1812:21:58【问题描述】：我有一个带有滚动条的文本区域。我会定期向其中添加新的文本行。我希望文本区域在添加新行时自动滚... 查看详情
根据内容自动调整文本区域的大小[重复]
】根据内容自动调整文本区域的大小[重复]【英文标题】：Automaticallyresizetextareabasedoncontent[duplicate]【发布时间】：2013-10-1019:03:51【问题描述】：在我的一个页面上，我有一个文本区域html标记供用户在其中写信。我希望文本区域... 查看详情
如何始终滚动到文本区域的底部？
】如何始终滚动到文本区域的底部？【英文标题】：Howtoalwaysscrolltobottomoftextarea?【发布时间】：2013-03-1510:26:12【问题描述】：如何使滚动窗格始终位于正在写入新数据的滚动窗格的底部？我看不到新文本的写入。JTextAreaitTextArea=n... 查看详情
用于文本区域的 Bootstrap 5 浮动标签与滚动输入重叠
】用于文本区域的Bootstrap5浮动标签与滚动输入重叠【英文标题】：Bootstrap5floatinglabelforatextareaoverlapswithinputonscroll【发布时间】：2021-06-2600:22:22【问题描述】：查看文本区域的浮动标签https://getbootstrap.com/docs/5.0/forms/floating-labels/的... 查看详情
提交后清空文本区域的内容[重复]
】提交后清空文本区域的内容[重复]【英文标题】：Emptythecontentsofatextareaaftersubmit[duplicate]【发布时间】：2013-03-1020:04:01【问题描述】：我在对话框中有一个评论框(textarea)。如果评论成功保存，我想清除文本区域的内容并关闭对... 查看详情
Flask从带有文本区域的表单输入数据[重复]
】Flask从带有文本区域的表单输入数据[重复]【英文标题】：FlaskInputtingDataFromFormwithTextArea[duplicate]【发布时间】：2021-12-0419:59:04【问题描述】：我想从html文件中输入数据（文本区域）并在Python中处理它，我做了一个这样的表格：... 查看详情
Javascript / jQuery 获取我正在输入的文本区域的 id [重复]
】Javascript/jQuery获取我正在输入的文本区域的id[重复]【英文标题】：Javascript/jQuerytoobtaintheidofthetextareathatIamtypingin[duplicate]【发布时间】：2013-10-2407:53:00【问题描述】：我有一个简单的表单，其中包含三个文本区域，每个区域都有... 查看详情
使用 jQuery，我如何强制访问者滚动到文本区域的底部以启用提交按钮？
】使用jQuery，我如何强制访问者滚动到文本区域的底部以启用提交按钮？【英文标题】：UsingjQuery,howdoIforceavisitortoscrolltothebottomofatextareatoenablethesubmitbutton?【发布时间】：2011-08-2414:09:52【问题描述】：我有一个包含只读文本区域... 查看详情
如何摆脱 IE 中文本区域的垂直滚动条？
】如何摆脱IE中文本区域的垂直滚动条？【英文标题】：HowdoIgetridoftheverticalscrollbarofatextareainIE?【发布时间】：2010-10-2200:45:36【问题描述】：在IE的textarea中有一个令人讨厌的右侧非活动滚动条，在FF中，textarea是干净的。如何在IE... 查看详情
文本区域水平。滚动条不适用
】文本区域水平。滚动条不适用【英文标题】：Textareahoriz.scrollbarnotapplying【发布时间】：2011-09-0516:11:04【问题描述】：我有一个包含代码的文本区域。问题是，为了让它看起来不错，Textarea必须停止包装文本，而是使用水平滚动... 查看详情
Javafx 文本区域禁用滚动条
】Javafx文本区域禁用滚动条【英文标题】：JavafxTextareadisablescrollbar【发布时间】：2018-05-2622:23:05【问题描述】：目前，我正在为一种编程语言制作一个lw解释器。http://www.muppetlabs.com/~breadbox/bf/无论如何，我正在尝试实现一个文本... 查看详情
文本区域中的CSS悬停滚动条光标
】文本区域中的CSS悬停滚动条光标【英文标题】：CSShoverscrollbarcursorintextarea【发布时间】：2019-06-2114:35:30【问题描述】：我有一个带有滚动条的文本区域。我知道它可能只适用于webkit浏览器，这很好。我添加了hover，但它没有按... 查看详情
如何在 IE 中禁用的文本区域上启用滚动条
【中文标题】如何在IE中禁用的文本区域上启用滚动条【英文标题】：HowtoenablescrollbaronadisabledtextareainIE【发布时间】：2018-06-2118:19:31【问题描述】：在IE中（我使用Edge，但与以前的版本相同），具有禁用属性的文本区域上没有滚... 查看详情
textarea怎么弄滚动条
...e(默认取值),hidden,auto,scroll。visible:始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容。scroll:不管文本区域里的内容有多少，始终显示滚动条。hidden:始终不显示滚动条，内容超出层面的对象是不... 查看详情
删除ie中的垂直文本区域滚动条
TextareasinIEhaveverticalscrollbarvisiblebydefault.Ifyouwantthoseremoved(IknowIdo)usethisline.textarea{overflow:auto;} 查看详情
Javascript检测文本区域中的滚动条
】Javascript检测文本区域中的滚动条【英文标题】：Javascriptdetectscrollbarintextarea【发布时间】：2011-03-1509:20:34【问题描述】：我想知道是否有人知道我将如何检测滚动条何时出现在textarea中。我目前正在为我的JavaScript使用mootools，... 查看详情