Chrome 的滚动条修改.

该方法针对于win下Chrome任何版本(未测试基于Chrome内核的其他浏览器),Lunix就是目录换了一下

目录是:**\Google\Chrome\User Data\Profile 2\User StyleSheets

目录可能会变...但是最后肯定是StyleSheets.

文件肯定是下面的这个

然后看到一个叫Custom的css文件

右键编辑

代码:

::-webkit-scrollbar-track-piece{

background-color:#fff;

-webkit-border-radius:0;

}

::-webkit-scrollbar{

width:12px;        /*这个是滚动条的宽度

height:8px;

}

::-webkit-scrollbar-thumb{

height:50px;

background-color:#990000;  /*这个是滚动个个长方块的颜色

-webkit-border-radius:4px;

outline:2px solid #fff;

outline-offset:-2px;

border: 2px solid #fff;

}

::-webkit-scrollbar-thumb:hover{

height:50px;

background-color:#000000;   /*这个是鼠标悬停在滚动方块上是的颜色  ps其他的自己探究把..西西

-webkit-border-radius:4px;

}

Chrome 的滚动条修改.

时间: 2024-11-04 16:10:31

Chrome 的滚动条修改.的相关文章

linux下google chrome浏览器字体修改

今天安装了最新的chrome,我是下载的.deb包直接安装的. 安装完后,用chrome浏览页面时,发现字体有的大,有的小,还不清楚. 于是在网上搜索了一下如何设置字体. 1.打开Chrome浏览器.选项->高级设置->(往下面拖一下)网页内容->更改字体和语言设置 2.将Serif字体修改成 Sans 16,Sans-Serif字体修改成 Sans 16,宽度固定字体:修改成Monospace 13 ;

仅chrome的滚动条样式

http://www.xuanfengge.com/css3-webkit-scrollbar.html https://www.codeproject.com/tips/674478/customize-scrollbars-using-css 前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的.当然,兼容所有浏览器的滚动条样式目前是不存在的. 演示 来看看这2个滚动条demo:demo1(图片版).demo2(纯CS

selenium 控制chrome的滚动条

看到书上有一个控制chrome的页面滚动条的方法,试着运行了一下,总是报错.在网上也找到过这个方法,但说的都比较简单,就是运行不了.可能是我对它理解的不够. 幸好,又找到了另外一个方法,解决了这个问题,能成功的操作页面的滚动条. 贴代码: #coding=utf-8import time from selenium import webdriver driver=webdriver.Chrome()driver.get('https://www.baidu.com') driver.maximi

Chrome浏览器任意修改网页内容

在Chrome浏览器按F12,打开开发者工具,切换到console选项卡: 在下面的输入行输入下面的命令回车: document.body.contentEditable="true" 再单击页面上的任意文本就可以直接编辑了: 这个是利用了H5的contentEditable属性 .

hao643.com劫持(IE和Chrome等被修改快捷方式跳转到hao123.com)

最近下载了某个软件,安装后IE和Chrome的Startup Page均被重定向到hao123.com.查看IE和Chrome的配置选型,没发现问题.后来发现是快捷方式后边多了一串字符串 "http://hao643.com/?r=ggggg&m=d40"删除后,经过一段时间,还会再次出现.再删再出现.不亏是百度旗下的干将! 那么怎么清除呢?网上中文.英文诸多介绍,既有专杀也有通杀,试了几个均不理想.后来,因缘巧合得到了解决方法,如下:1.下载并安装WMITools(http:

Chrome自定义滚动条

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 16px; height: 16px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5

Chrome 如何查看/修改Cookie

修改Wordpress-4.0的文章编辑区内容(MCE控件)跟随最外面垂直滚动条滚动的问题

我架设的本地Wordpress-4.0,用于收集有用的文章. 恼火的是, 当粘贴的内容很长时, 文章编辑区MCE控件不出现垂直滚动条, 倒是最外面的窗口出现了滚动条, 这种情况下, 当前视图位置定位到编辑区底部,看不到标题输入input 每次都必须鼠标拖动窗口滚动条 使得标题输入input出现 最好的解决方法自然是修改CSS,不过,这个目前不知道在什么地方修改 有一个简单的办法是: 在最上方的admin-bar里添加一个按钮,称为"回到顶部" 然后设置其href属性为"jav

滚动条ie8和chrome样式

html,body { scrollbar-face-color:#FB4446; /*滚动条3D表面(ThreedFace)的颜色*/ scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边(ThreedHighlight)颜色*/ scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边(ThreedShadow)颜色*/ scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/ scroll