在 CSS 中，<pre> 元素（即预格式化文本）以及滚动条都可以为网页增添更多的交互性和美观性，但是有时候，为了达到设计的目的我们需要去除滑轮。下面将介绍如何去掉滑轮。

/* 首先，隐藏滚动条  */
::-webkit-scrollbar {
display: none;
}
/* 然后，使用覆盖全局样式的局部样式来防止鼠标滚轮滑动 */
.element {
overflow-y: scroll;
/*设置防止鼠标滚轮滑动*/
/* Firefox */
scroll-behavior: smooth;
/* 不允许用户缩放页面 */
touch-action: pan-y;
}
/* 上述代码中，将 .element 类型的元素设置为 overflow-y: scroll，使得元素内的内容可以纵向滚动，防止内容超过元素边界。同时，将 scroll-behavior 属性设置为 smooth 是为了在 Firefox 中防止滚动条自动滑动。并且，使用 touch-action 属性来防止缩放页面。

当我们使用上述代码去除滑轮时，还要注意一些细节。例如，建议把需要去除滑轮的元素的高度或宽度设置为固定值，同时保证在移动端不丢失功能与样式。此外，如果我们需要去除滑轮的同时仍然保留平滑的滑动效果，可以在此代码基础上做出调整。