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

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

::-webkit-scrollbar {
  cursor: pointer !important;
}

/*滚动条里面小方块样式*/
::-webkit-scrollbar-thumb {
  cursor: pointer !important;
}

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

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

原文地址:https://www.cnblogs.com/ylup/p/15772591.html