更改scroll样式

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 2px;
    height: 80%;
    background: #fff;
}  

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}  

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}  

注:不支持IE和ff浏览器!只能用插件(https://github.com/malihu/malihu-custom-scrollbar-plugin)

时间: 2024-10-12 04:21:06

更改scroll样式的相关文章

JavaScript--动态更改CSS样式

JavaScript太强大了,虽然是弱语言,不过一点都不输于Java 可以自行设置随机数,来动态更改CSS样式,每一次都是不一样的感觉,这个小功能挺实用的 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript修改DOM节点CSS样式</title> <script type="text/javascript&qu

如何在PeopleSoft中找到并更改默认样式表名称

PeopleSoft的默认样式表名称是用来控制应用程序的外观的.在PeopleSoft中可以使用集中样式表来更改应用程序的外观,oracle为每个应用程序版本设置了默认的样式表. 下面是不同应用程序版本对应的默认样式表. 9.0或更早版本~PSSTYLEDEF 9.1~PSSTYLEDEF_SWAN 9.2~PSSTYLEDEF_TANGERINE 查找当前版本使用的默认样式表 1.路径:主菜单>PeopleTools>实用程序>管理>PeopleTools选项 找到默认样式表名称

零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式

原文:零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 本章将先教大家认识ListBox的基本运用与更改预设样式 此为本篇ListBox的基本样式范例 很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页 01 开启一个新专案後,放入一个ListBox 你会看到是个空白的框框,什麽东西都没有? 不是应该会有一行一行可以放文字的容器吗? 别着急,让我们来看看到底Li

怎么在设计CAD图纸的时候更改文字样式?

怎么在设计CAD图纸的时候更改文字样式?就是建筑设计师们在设计CAD图纸的时候,都是使用的CAD编辑器来进行绘制的,在绘制的过程中有的地方需要进行做一些文字标注,但是有些文字样式需要做一些修改,那怎么在设计CAD图纸的时候更改文字样式?具体要怎么来操作,下面我们就一起来看看具体操作过程吧.希望能够帮助到你们. 第一步:首先打开常用的电脑,如果电脑桌面中没有CAD编辑器,可以在电脑桌面中任意的打开一个浏览器,在浏览器的搜索框中搜索迅捷CAD编辑器专业版,然后鼠标点击进入官网,之后再点击下载安装最新

优化浏览器默认scroll样式小技巧

一个最简单的页面: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>优化scroll</title> 5 <meta charset="utf-8"> 6 <style type="text/css"> 7 body{ 8 width:2000px; 9 height: 2000px; 10 margin:0; 11 padding:0; 1

更改滚动条样式

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

Android:View上更改鼠标样式及坐标监听

(1)通过OnHoverListener获取鼠标位置: \app\src\main\java\com\sheldon\demo\MainActivity.java imageView = (ImageView) findViewById(R.id.image_view); imageView.setOnHoverListener(new View.OnHoverListener() { @SuppressLint({"SetTextI18n", "ResourceType&q

Android更改Activity样式和隐藏标题

在Android中,默认情况下一个活动占据真个屏幕,然而,我们也可以让他应用于一个对话框主题,使他成为一个对话框. 新建一个Android项目后,修改AndroidManifest.xml,在其中添加theme属性即可, 点击保存后,运行..  如下图 最后,我们可以隐藏掉标题,在MainActivity.java中添加代码 注意:代码一定要添加在setContentView这句之前,不然会运行错误,结果如下图

Android 更改按钮样式 Button Styles

extends:http://stackoverflow.com/questions/26346727/android-material-design-button-styles   I will add my answer since I don't use any of the other answers provided. With the Support Library v7, all the styles are actually already defined and ready t