`
redfreja
  • 浏览: 9278 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

修改滚动条颜色

CSS 
阅读更多

这是用CSS来做的:
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#CC0000;//轴面颜色
scrollbar-arrow-color:#FFFFFF;//箭头颜色
scrollbar-track-color:#EDEDED;//轴轨道颜色
scrollbar-highlight-color:#FFFFFF;//左立体边颜色
scrollbar-3dlight-color:#D1D7DC;//轴面左边角颜色
scrollbar-shadow-color:#DEE3E7; //右立体边颜色
scrollbar-darkshadow-color:#BABABA;//轴面右边角颜色
}
-->
</style>

如果只改部分的滚动条颜色

在div里加class

如<div class="scrollcolor">

在.css文件里加上

.scrollcolor{
        scrollbar-face-color: #c8ebf8; //轴面颜色
        scrollbar-shadow-color: #D2E5F4; //右立体边颜色
        scrollbar-highlight-color: #D2E5F4; //左立体边颜色
        scrollbar-3dlight-color: #FFFFFF; //轴面左边角颜色
        scrollbar-darkshadow-color: #FFFFFF; //轴面右边角颜色
        scrollbar-track-color: #FFFFFF; //轴轨道颜色
        scrollbar-arrow-color: #D2E5F4;  //箭头颜色
}

 

 

分享到:
评论

相关推荐

    VB运用滚动条改变颜色

    在这个特定的案例中,“VB运用滚动条改变颜色”指的是利用VB语言编写程序,使滚动条的值变化时能够动态地改变图形界面中的颜色。这通常是通过事件驱动编程实现的,即当滚动条的值改变时,触发一个事件,该事件执行...

    易语言滚动条置颜色

    在改变滚动条颜色时,我们需要先创建一个与所需颜色匹配的纯色刷子,然后在绘制滚动条时使用这个刷子填充背景,达到改变颜色的效果。`创建纯色刷子_`函数接收颜色值作为参数,并返回画刷对象的句柄,这个句柄可以在...

    visual c++自定义滚动条外观 制作五颜六色的滚动条(水平滚动条,垂直滚动条).zip

    这可能涉及到根据滚动条的状态(如是否被按下、鼠标是否悬停等)动态改变颜色。可以使用`SetROP2()`函数切换绘图模式,如 XOR 模式来实现高亮效果。同时,还可以利用`CBrush`和`CPen`对象来创建不同颜色的刷子和笔,...

    vc改变CListCtrl控件中滚动条的颜色

    然而,系统默认的滚动条颜色可能不符合某些特定设计的需求,因此开发者可能需要自定义滚动条的颜色来匹配应用程序的整体风格。本篇将详细介绍如何在Visual C++中改变CListCtrl控件中滚动条的颜色。 首先,我们需要...

    mfc vc 界面编程之彩色按钮和彩色滚动条

    为了改变滚动条的颜色,我们需要处理WM_CTLCOLOREDIT消息,返回一个自定义的画刷对象,该对象定义了滚动条的颜色。 - 重载`OnCtlColor()`函数,当消息发送到滚动条时,返回一个HBRUSH类型的画刷对象,该对象使用...

    WPF 开发的小东西 ,公开本源码!通过调节滚动条实时改变颜色

    滚动条(`ScrollBar`)控件有两个主要的事件,`ValueChanged`事件会在滚动条的值改变时触发,我们可以在这个事件的处理函数中获取新的滚动条值,并据此更新颜色。此外,还需要理解颜色的基本概念,如RGB色彩模型,...

    C# winform 自定义滚动条

    可以创建多个常量或枚举,用于存储滚动条的不同状态(如滑块是否被按下、滚动条是否被悬停等),根据这些状态改变绘制的细节。 6. **性能优化** 考虑到性能,可能需要重写`OnInvalidated`方法,仅在必要时调用`...

    网页滚动条样式css智能配色器

    例如,要改变滚动条的颜色,可以这样设置: ```css ::-webkit-scrollbar { width: 12px; /* 滚动条宽度 */ } ::-webkit-scrollbar-thumb { background-color: #888; /* 滚动条滑块颜色 */ border-radius: 6px; ...

    用WinForm的滚动条的方法,设置一个‘调色板’

    滚动条允许用户通过滑动来改变一个值的范围,这在颜色选择中非常实用,因为它可以让我们精确地控制颜色的红、绿、蓝(RGB)以及透明度(Alpha)通道。 首先,我们需要在WinForm上添加四个滚动条控件,分别对应Alpha...

    滚动条主题颜色管理器

    很方便的滚动条主题颜色管理器,随意调整滚动条主题颜色

    winform 自定义滚动条可以修改拖块颜色与修改轨道颜色 轨道有两种样式:线条与矩形

    为了改变滚动条的外观,我们需要重写`OnPaint`方法。在这个方法里,我们可以使用`Graphics`对象绘制我们自己的滚动条样式,包括拖块和轨道。这通常涉及使用`DrawRectangle`、`DrawLine`等方法。 ```csharp ...

    jquery修改滚动条样式

    3. `jQuery`应用:使用`jQuery`来改变滚动条样式,通常涉及到的是动态添加或修改CSS类。例如,当页面加载完成后,你可以使用以下代码应用自定义样式: ```javascript $(document).ready(function() { $('body')....

    WPF编写的颜色拾取器,通过滚动条来设置颜色的效果

    在颜色拾取器中,滚动条可以用来表示颜色的不同通道(如红色、绿色和蓝色),通过改变每个通道的值来调整颜色。 ### 4. 实现颜色拾取器 创建颜色拾取器的关键步骤包括: - **创建颜色模型**:首先,我们需要定义一...

    C# winform自定义滚动条

    在这个方法中,你可以利用`Graphics`对象进行图形绘制,比如改变滚动条的颜色、形状、大小等。 2. **皮肤化滚动条**:可以利用GDI+或.NET Framework提供的其他图形库来创建自定义皮肤,例如使用位图作为背景,或者...

    自己写的一个滚动条

    /* 改变滚动条颜色 */ ::-webkit-scrollbar { width: 12px; /* 设置滚动条宽度 */ } ::-webkit-scrollbar-track { background: #333; /* 设置轨道颜色 */ } ::-webkit-scrollbar-thumb { background: #4CAF50; ...

    好看的滚动条样式

    在Web开发中,CSS(层叠样式表)是用于控制网页外观和布局的主要工具,它允许我们修改页面的各个元素,包括滚动条。在描述中提到的博文中,作者可能分享了如何使用CSS来定制滚动条的样式,使其更符合网页设计风格。 ...

    Qt悬浮滚动条-滚动条样式

    以下是一段简单的QSS代码示例,用于修改滚动条样式: ```cpp QScrollBar { border: 1px solid #ccc; background: #f8f8f8; width: 12px; /* 滚动条宽度 */ } QScrollBar::handle { background: #ddd; min-...

    修改火狐滚动条样式(纯css).html

    修改火狐滚动条样式demo,纯css修改火狐默认的滚动条样式

    经过修改皮肤的flex4滚动条。

    改变滚动条颜色,可以通过设置fill颜色或者添加GradientEffect。 - 应用皮肤:在Scroller组件上应用新创建的皮肤类,通过设置skinClass属性,如`skinClass="mySkin.MyScrollBarSkin"`。 2. **皮肤资源管理**: - ...

    html js 滚动条 变色版

    never Slider Bar html js 滚动条 变色版 html js 滚动条

Global site tag (gtag.js) - Google Analytics