为了账号安全,请及时绑定邮箱和手机立即绑定

CSS滚动条式跨浏览器

CSS滚动条式跨浏览器

慕雪6442864 2019-07-16 18:13:49
CSS滚动条式跨浏览器如何定义CSS滚动条样式的跨浏览器?我测试了这段代码,它只在IE和Opera中工作,但在Chrome、Safari和Firefox中失败。<style type="text/css"><!--    body {     scrollbar-face-color: #000000;     scrollbar-shadow-color: #2D2C4D;     scrollbar-highlight-color:#7D7E94;     scrollbar-3dlight-color: #7D7E94;     scrollbar-darkshadow-color: #2D2C4D;     scrollbar-track-color: #7D7E94;     scrollbar-arrow-color: #C1C1D1;}--></style>
查看完整描述

3 回答

?
梦里花落0921

TA贡献1772条经验 获得超5个赞

滚动条CSS样式是微软开发人员发明的一种奇怪的样式。它们不是CSS W3C标准的一部分,因此大多数浏览器只是忽略它们。


查看完整回答
反对 回复 2019-07-16
?
噜噜哒

TA贡献1784条经验 获得超7个赞

WebKit对滚动条的支持是相当复杂..这个CSS提供了一个极小的滚动条,有一个浅灰色的轨道和一个更暗的拇指:

::-webkit-scrollbar{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */}::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.1);}::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0, 0.5);}


查看完整回答
反对 回复 2019-07-16
?
慕妹3242003

TA贡献1824条经验 获得超6个赞

只是简单的使用。我总是用它们.。

Browser compatibility:
  • IE7+
  • Firefox 3+
  • 狩猎4+
  • 歌剧11.60+
Mobile browsers support:
  • iOS 5+(iPhone、iPad和iPodTouch)
  • IOS 4(带有多个填充)
  • Android Firefox
  • Android2.2/2.3原生浏览器(带有多填充)
  • Android Opera 11.6(带有多填充)

文档中的代码示例,

  1. 标记-需要以下类型的标记结构才能使插件工作。

    ..这里的内容.。


查看完整回答
反对 回复 2019-07-16
  • 3 回答
  • 0 关注
  • 317 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信