1、scrollbar包罗scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部门和半下部门。
2、scrollbar corner为横向和竖向的交织角区域
3、resize用来设置滚动条的交汇处上用于拖动调整米素巨细的小控件
组成结构图如下:
一旦发现滚动条的自界说样式,浏览器的默认样式设置将会失效,只使用在css界说的样式。也就意味值不能单独只设置scrollbar button或scrollbar track。
-webkit-scrollbar /* 滚动条整体部门,重置时必须要设置 */ -webkit-scrollbar-button /* 滚动条的轨道的两头按钮 */ -webkit-scrollbar-track /* 滚动条的轨道(包罗thumb和trace-piece)*/ -webkit-scrollbar-track-piece /* 轨道中下方块的上下(左右)部门*/ -webkit-scrollbar-thumb /*滚动条内里的小方块*/ -webkit-scrollbar-corner /* 垂直和水平的交织角 */ -webkit-resize // 滚动条的交汇处上用于拖动调整米素巨细的小控件 */
可以连系以下伪类举行设置(差别的操作系统浏览器滚动条可能不一样,所有可以凭据下面伪类来设置):
IE中只能修改滚动条颜色
很多妈妈在寻寻觅觅中想找一张适合她而且性价比又高的餐椅,对于妈妈来说首要考虑的便是安全问题,必定一日三餐要时长接触的,那么宅霸儿童餐椅怎么样,下面友谊长存的小编就带来:宅霸儿童餐椅使用测评。 宅霸儿...
随着互联网时代的到来,网络信息化的飞速发展,广告也从传统趋向于数字化营销,自然而然衍生出一批新的职业,例如seo工作者。随着市场对行业的需求,在招聘市场上也时常能看见“seo”专员的招聘要求,但是由于...
中国小康网讯 古时候,有“食铁兽”之称的动物是?这就是支付宝蚂蚁庄园小课堂4月30日问题。小鸡宝宝考考你,古时候,有“食铁兽”之称的动物是?答对就可以获得180g小鸡饲料!喂养小鸡之后可以进行爱心捐赠...
有人好奇为什么有人犯太岁反而更进一步,我犯太岁的结果是倒大霉了?这就得先知道什么是犯太岁?以前给大家介绍过本命年的成因,介于很多人没看过,这里再重新介绍一次。人生在天地之间,秉承天地之气,因父母时间等...
新闻分析 | 无人掌舵加剧世贸组织困局 新华社日内瓦11月6日电(记者陈俊侠 徐驰)世界贸易组织总理事会主席戴维·沃克6日宣布,出于当前卫生形势以及其他因素考虑,推迟原定于9日就总干事遴选事...
日前,暗码办理公司SplashData第8次发布了年度最弱暗码列表。 研究人员剖析了互联网上走漏的超越500万个暗码,发现计算机用户仍然在运用可猜测的、很简略就可以猜到的暗码。 运用这些暗码存在账户被...