css自定义滑块样式

分类：折腾日期：2012-02-18 - 14:01:03作者：老谢

作为一个爱折腾的博主，怎么能让自己的博客大众呢？windows默认的滑块太丑了，让我们用css自定义一个与众不同的样式吧！

/* webkit scroller */
::-webkit-scrollbar-thumb:vertical{height:10px;background-color:#ccc;}
::-webkit-scrollbar{width:14px;height:5px;background:#FFF;margin-right:15px;}

以上css扒自林木木童鞋的博客
以上样式加到主题所在目录的style.css即可，仅支持chrome浏览器！演示见老谢博客：）

原文地址 : https://www.xj123.info/2513.html

本站遵循 : 署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5)

Tags: css , 滑块

15条评论

林木木说：

擦擦！

POST:2012-02-18 14:03 回复
- 言冬说：
  
  哈哈
  
  POST:2012-02-18 14:05 回复
- 老谢说：
  
  @林木木被发现了 – -!!
  
  POST:2012-02-18 14:09 回复
- 独角鲸说：
  
  哈哈哈。。笑死我了。。
  
  POST:2012-02-22 23:30 回复
小世界说：

来踩一脚、、、

POST:2012-02-18 14:06 回复
草榴社区说：

LOOK!!! 我来看看~~~

POST:2012-02-18 15:33 回复
- 老谢说：
  
  @草榴社区尼玛！1024！！
  
  POST:2012-02-18 16:12 回复
在线挂QQ 说：

再加上hover吧,效果会更好一些,比如我的博客.

POST:2012-02-18 16:05 回复
- 老谢说：
  
  @在线挂QQ 没想到hover什么颜色好看
  
  POST:2012-02-18 22:17 回复
软件盒子说：

学习学习

POST:2012-02-18 17:56 回复
大D 说：

我还以为又要长草了呢。。。没想到更新很频繁啊

POST:2012-02-19 10:47 回复
Laycher 说：

WaterFox表示没想法。

POST:2012-02-19 11:26 回复
dave 说：

话说两头的尖三角没有了。样子看起来很简洁大方。

POST:2012-02-19 16:19 回复
Elizen 说：

沙发上那个，真有力度啊…哈哈。

POST:2012-02-19 19:55 回复
鳳梨果凍说：

原來這玩意叫滑塊。。。。收下了。。。一直想改來著TVT

POST:2012-02-21 12:27 回复