主页 / 问题 / 1130882
Accepted
eanmos
Asked:2020-05-25 03:03:40 +0000 UTC2020-05-25 03:03:40 +0000 UTC

是否可以将悬停伪类分配给伪元素？

  • 772

我有一些元素textarea。我用伪元素设置了它的滚动条-webkit-scrollbar-*。将鼠标悬停在滚动条上时，如何将光标更改为抓取？换句话说，我需要类似的东西

#questionBodyTextArea::-webkit-scrollbar-thumb:hover {
    cursor: grab;
}

甚至可能吗？

#questionBodyTextArea::-webkit-scrollbar {
    background-color: transparent;
    width: 10px;
}

#questionBodyTextArea::-webkit-scrollbar-thumb {
    background: #ccc;
}

#questionBodyTextArea::-webkit-scrollbar-thumb {
    cursor: grab;
}

#questionBodyTextArea::-webkit-scrollbar-track {
    background: #f5f5f5;
}
<textarea id="questionBodyTextArea">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec metus sagittis lectus semper commodo. Donec dignissim felis vitae iaculis consequat. Proin rhoncus placerat quam ut condimentum. Proin scelerisque odio id nisi malesuada, in viverra libero placerat. Aliquam at viverra nibh. Ut lacinia gravida lorem, non fermentum dui pellentesque vitae. Suspendisse eget est nec turpis rutrum euismod ac nec erat. Suspendisse vestibulum, elit sit amet maximus gravida, dolor risus cursus massa, vitae vulputate nibh purus et urna. Duis non maximus elit, ut sagittis mauris.Nam fringilla sed tortor quis placerat. Mauris velit enim, suscipit sit amet tincidunt et, mollis eu magna. Nam vel sodales risus. Donec convallis vitae leo ornare accumsan. Cras sed commodo justo, eget posuere nisi. Nullam suscipit commodo laoreet. Aenean malesuada ac odio efficitur ornare. Vestibulum auctor elit at sagittis lacinia. Morbi vel est nec tortor vulputate porttitor. Praesent convallis commodo porta. Donec justo lorem, porta quis tincidunt eu, venenatis vitae turpis. Nulla facilisi. Suspendisse vitae aliquam orci. Ut malesuada nisi neque, sit amet faucibus leo volutpat eu. Proin pulvinar dui sed dolor posuere, et feugiat mi congue.Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum vel lectus fringilla, ullamcorper ipsum ut, sollicitudin dolor. Phasellus pulvinar interdum mollis. Aliquam accumsan, eros sed tincidunt fermentum, nulla magna porta purus, vel ultricies velit orci sit amet velit. Quisque sit amet ex nec erat imperdiet vulputate. Pellentesque iaculis id mauris et hendrerit. Nam egestas tristique dolor, id sagittis sem molestie non. Morbi sodales non metus tincidunt aliquam. Pellentesque nec est nec sapien hendrerit vulputate eget sit amet ipsum. Suspendisse potenti.</textarea>

html

1 个回答

  1. Best Answer

    此处描述您不能将光标放在滚动条上 -

    https://stackoverflow.com/questions/23764646/change-cursor-image-on-scrollbar-in-chrome

    只能textarea添加for cursor: auto，然后滚动条上会有一个箭头

    • 1

相关问题