前端深耕

记一次bug状况:改变鼠标滑动到textarea滚动条上的状态

根源来自一个bug,问题描述是:当textarea超出固定高度的时候,拖动滚动条不起作用,查出来此问题的原因是:有个复写滚动条样式的代码,限制了滚动条的高度,把高度解封这个问题就解了,但是还有一个问题是当鼠标滑动到滚动条上的时候状态不对,是输入的图标形态,这个问题很奇怪,当我写了如下代码仍旧不起作用:

1
2
3
4
5
6
7
8
::-webkit-scrollbar {
  cursor: pointer !important;
}
 
/*滚动条里面小方块样式*/
::-webkit-scrollbar-thumb {
  cursor: pointer !important;
}

最终解决方案:直接给textarea设置cursor:auto,完美解决!

问题根源:默认的鼠标滑动到textarea上面就是个输入图标!!!

posted on   看那一抹蓝  阅读(126)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示