chrome和IE下的滚动条样式修改 – 11Jo

赤狐下的滚动条样式无法去修正,但独唱可以恣意修正。,使成为一体惊奇的的是,IE是实施为了效能的第任何人逛商店的人。,IE5都有导致。

chorme下的滚动条样式修正:

DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Documenttitle><style type="text/css">/*滚动条综合的一份遗产,应该确立或使安全*/
        ::-webkit-scrollbar{
            width: 10px;
            height: 10px;
            background-color: #333;}/*轧制带材跟踪*/
        ::-webkit-scrollbar-track{
            box-shadow: inset 0 0 5px rgba(0,0,0,.3);
            background-color: #67687D;}/*滚动条的滑块钉钮扣于*/
        ::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #DE6B90;
            box-shadow: inset 0 0 5px #000;}/*滚动条顶部和装底的钉钮扣于*/
        ::-webkit-scrollbar-button{
            height: 10px;
            background-color: #B0AEDA;}
        
        div{width: 200px;height: 200px;overflow: auto;padding: 20px;}style>head><body><div id="div1"> scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔div>body>html>

 IE下的滚动条样式修正跟chrome下的相异点,仅仅修正色。

DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Documenttitle><style type="text/css">
        div{
            width: 200px;
            height: 200px;
            padding: 20px;
            overflow: auto;/*三角慈菇的色*/
            scrollbar-arrow-color: #f00;/*滚动条钉钮扣于的色*/
            scrollbar-face-color: #ff0;/*滚动条的全色的*/
            scrollbar-highlight-color: #333;/*滚动条暗影*/
            scrollbar-shadow-color: #ccc;/*辊道色*/
            scrollbar-track-color: #666;}style>head><body><div id="div1"> scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔 scrollHeight: 赢得身体的滚动高等的。 scrollLeft:设置或获取躺情郎左禁闭和窗口中眼前可见心甘情愿的的最左边暗中的间隔 scrollTop:设置或获取躺情郎最顶端和窗口中可见心甘情愿的的最顶端暗中的间隔div>body>html>

no comments

Leave me comment