淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1000|回复: 12
收起左侧

[装修相关] 淘宝滚动条样式怎么改?

[复制链接]
  • TA的每日心情

    2015-8-16 20:56
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]渐入佳境

    33

    主题

    424

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29746

    最佳新人热心会员

    发表于 2015-2-3 10:46:25 | 显示全部楼层 |阅读模式
    300美工币
    做我的页面有个横向的滚动条。
    那个滚动条太丑了想改改样式了,但是发现以下的滚动条css都用不了,没效果。

    scrollbar-arrow-color: #f4ae21; /*图6,三角箭头的颜色*/
    scrollbar-face-color: #333; /*图5,立体滚动条的颜色*/
    scrollbar-3dlight-color: #666; /*图1,立体滚动条亮边的颜

    色*/
    scrollbar-highlight-color: #666; /*图2,滚动条空白部分的

    颜色*/
    scrollbar-shadow-color: #999; /*图3,立体滚动条阴影的颜

    色*/
    scrollbar-darkshadow-color: #666; /*图4,立体滚动条强阴

    影的颜色*/
    scrollbar-track-color: #666; /*图7,立体滚动条背景颜色*/

    scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/



    求大神支招!



    http://callmesoul.taobao.com/
  • TA的每日心情
    不爽
    2013-8-24 09:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    10

    主题

    486

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90457

    热心会员最佳新人活跃会员

    发表于 2015-2-3 11:03:46 | 显示全部楼层
    你得给链接看看啊

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情

    2016-12-1 19:08
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-2-3 11:05:58 | 显示全部楼层
    个人感觉默认的还行的,你写到style都没起作用吗
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
    回复

    使用道具 举报

  • TA的每日心情

    2015-8-16 20:56
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]渐入佳境

    33

    主题

    424

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29746

    最佳新人热心会员

     楼主| 发表于 2015-2-3 11:14:30 | 显示全部楼层
    感谢豆芽 发表于 2015-2-3 11:03
    你得给链接看看啊

    http://callmesoul.taobao.com/

    http://callmesoul.taobao.com/
    回复

    使用道具 举报

  • TA的每日心情

    2015-8-16 20:56
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]渐入佳境

    33

    主题

    424

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29746

    最佳新人热心会员

     楼主| 发表于 2015-2-3 11:15:41 | 显示全部楼层
    峰生水起之林 发表于 2015-2-3 11:05
    个人感觉默认的还行的,你写到style都没起作用吗

    不符合我的风格,不起作用

    http://callmesoul.taobao.com/
    回复

    使用道具 举报

  • TA的每日心情
    不爽
    2013-8-24 09:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    10

    主题

    486

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90457

    热心会员最佳新人活跃会员

    发表于 2015-2-3 11:37:08 | 显示全部楼层
    滚动条 Scrollbar  这个CSS是IE专有属性  如果你想看效果  请换成IE兼容模式查看

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情

    2015-8-16 20:56
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]渐入佳境

    33

    主题

    424

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29746

    最佳新人热心会员

     楼主| 发表于 2015-2-3 12:31:10 | 显示全部楼层
    感谢豆芽 发表于 2015-2-3 11:37
    滚动条 Scrollbar  这个CSS是IE专有属性  如果你想看效果  请换成IE兼容模式查看
    ...

    哪其他浏览器呢?

    http://callmesoul.taobao.com/
    回复

    使用道具 举报

  • TA的每日心情
    臭美
    2015-7-27 17:47
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    30

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15192

    最佳新人

    发表于 2015-2-3 13:29:25 | 显示全部楼层
    本帖最后由 talentlb 于 2015-2-3 13:32 编辑

    试试这段代码

    ::-webkit-scrollbar{width:14px;}
    ::-webkit-scrollbar-track{background-color:#bee1eb;}
    ::-webkit-scrollbar-thumb{background-color:#00aff0;}
    ::-webkit-scrollbar-thumb:hover {background-color:#9c3}
    ::-webkit-scrollbar-thumb:active {background-color:#00aff0}

    网上找的,基于webkit式滚动条设置。webkit样式很多,在这个基础上还可以进行扩展。你网上搜一下webkit滚动条样式进行自己的扩展

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

  • TA的每日心情

    2015-8-16 20:56
  • 签到天数: 72 天

    连续签到: 1 天

    [LV.6]渐入佳境

    33

    主题

    424

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29746

    最佳新人热心会员

     楼主| 发表于 2015-2-3 13:50:07 | 显示全部楼层
    talentlb 发表于 2015-2-3 13:29
    试试这段代码

    ::-webkit-scrollbar{width:14px;}

    找到了,但是不知道放哪,写个<style></style>被淘宝过滤了

    http://callmesoul.taobao.com/
    回复

    使用道具 举报

  • TA的每日心情
    不爽
    2013-8-24 09:11
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    10

    主题

    486

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    90457

    热心会员最佳新人活跃会员

    发表于 2015-2-3 14:14:39 | 显示全部楼层
    benz 发表于 2015-2-3 13:50
    找到了,但是不知道放哪,写个被淘宝过滤了

    这个需要CSS权限  店铺未开通用不了 ...除非破解  自行查找吧  
    不过貌似看到有便宜的 要钱  4个页面
    官方旺铺CSS  2400一年

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-9 13:51 , Processed in 0.118001 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表