使用了 scrollbar-color
属性的网页,没法指定滚动条的宽度,且 ::-webkit-scrollbar-*
样式不再生效
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
你可以发现,scrollbar-color
存在时,::-webkit-scrollbar-*
属性的样式效果均失效,无法修改宽度。但是你又不可以使用 scrollbar-width
属性修改其宽度。
使用 scrollbar-color: initial !important
可以忽略父元素的滚动条样式,变成第二种 ::-webkit-scrollbar-*
的效果
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus minus tempore in molestias nisi accusamus quam laudantium soluta minima ipsa ad, possimus quaerat, non temporibus! Ratione maxime explicabo repellat optio.