`
moneyinto
  • 浏览: 32575 次
  • 性别: Icon_minigender_1
  • 来自: 东台
社区版块
存档分类
最新评论

修改webkit内核浏览器滚动条

阅读更多
::-webkit-scrollbar{
    width: 30px;
height: 30px;
}
::-webkit-scrollbar-thumb{
    border-radius:9999px;
background:linear-gradient(#3D4450,#6b778c) repeat scroll 0 0 #3D4450;
}
::-webkit-scrollbar-track-piece{
    border-right:1px solid #EEE;
    border-left:1px solid #e4e4e4;
    background-color:#f0f0f0;
    background-image:-webkit-linear-gradient(left,#f0f0f0,#FFF);
}

 

分享到:
评论

相关推荐

    CSS自定义WebKit内核浏览器滚动条实现代码

    关于自定义浏览器滚动条的样式这一块,如果网站可以不考虑非WebKit内核浏览器的话,倒是可以试试只用CSS去实现。 简单地修改一下几项,就可以看到效果了: ::-webkit-scrollbar{width:12px; height:12px;} /*滚动...

    纯CSS改变webkit内核浏览器的滚动条样式

    主要介绍了纯CSS改变webkit内核浏览器的滚动条样式,需要的朋友可以参考下

    CSS3改变浏览器滚动条样式

    浏览器滚动条太宽,太丑,影响日常开发怎么办,改TA 滚动条外观由2部分组成:1.滚动条整体滑轨 2.滚动条滑轨内滑块 在CSS中滚动条由3部分组成 name::-webkit-scrollbar //滚动条整体样式 name::-webkit-scrollbar-...

    jquery.nicescroll兼容IE6-10,符合w3c标准浏览器,智能终端的滚动条

    jquery.nicescroll兼容IE7-8,safari,firefox,webkit内核浏览器(chrome,safari)以及智能终端设备浏览器的滚动条,资源附有相关示例,使用简单便利。

    详解如何自定义CSS滚动条的样式

    本文会介绍CSS滚动条选择器,并在demo中展示如何在Webkit内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。 0.需求 有的时候我们不想使用浏览器默认的滚动条样式,因为不够定制化和美观。那么如何...

    CSS3自定义滚动条样式的示例代码

    但是,也只能玩玩,因为只针对webkit内核的浏览器啊啊啊啊啊! overflow介绍 定义:overflow 属性指定当它溢出其块级容器时,是否剪辑内容,渲染滚动条或显示内容。 属性值 overflow:visible //默认值。内容不会被...

    javascript jscroll模拟html元素滚动条

    比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许用户为滚动条定义样式。但是对于追求友好的用户体验的前端开发人员,是不会被这些浏览器的不一致行为所阻止的。...

    傲游浏览器3(Maxthon) 3.1.8.1000 正式版

    傲游3浏览器是国内唯一具有独立内核的桌面浏览器产品,首创双核浏览模式,在安全、快速的基础上,保证了对网银、网购类网站的兼容性。傲游3浏览器内置云端广告过滤系统,强大而易用,确保用户在浏览网页时不受任何...

    chrome.exe

    Chrome的标志性功能之一是Omnibox--位于浏览器顶部的一款通用工具条。用户可 以在Omnibox中输入网站地址或搜索关键字,或者同时输入这两者,Chrome会自动执行用户希望的操作。Omnibox能够了解用户的偏好,例如, ...

    Android基础知识详解

    Webkit浏览器引擎简介 9 Dalvik虚拟机简介 11 什么是Dalvik虚拟机 11 Dalvik和Android系统 11 Dalvik虚拟机的主要特征 12 Android应用开发和Dalvik虚拟机 15 Activity生命周期 16 一、Activity栈 16 二、Activity的4...

Global site tag (gtag.js) - Google Analytics