滚动条提供了以下样式： ::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button 滚动条两端的按钮 ::-webkit-scrollbar-track 外层轨道 ::-webkit-scrollbar-track-piece 内层 ...
分类：
其他好文 时间：
2020-10-18 16:24:08
阅读次数：
25
### 移动端 基于flex布局 的默认样式 rest css ; ```
*,::before,::after { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: transparent; }
/* 所有元素的盒... ...
分类：
移动开发 时间：
2020-10-12 20:37:17
阅读次数：
32
网上大部分方案如下，即给出现滚动条的元素 ::-webkit-scrollbar 添加 display: none; html,body { width: 100%; height: 100%; overflow-y: scroll; } body::-webkit-scrollbar { disp ...
分类：
移动开发 时间：
2020-09-24 21:40:47
阅读次数：
61
问题描述 在项目中需要使用多行文本溢出显示省略号(…)的时候，首先想到的css如下： overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: ve ...
分类：
Web程序 时间：
2020-09-23 23:39:02
阅读次数：
40
<style> html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal ...
分类：
Web程序 时间：
2020-09-18 01:16:16
阅读次数：
39
###前言上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。####1.过渡元素从一种样式逐渐改变为另一种的样式div{transition:width1s;-moz-transition:width1s;/*Firefox4*/-webkit-transition:width1s;/*Safari和Chrome*/-o-transition:
分类：
Web程序 时间：
2020-09-17 23:37:08
阅读次数：
47
###前言上篇文章主要讲述了CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。###2D转换1).元素位移translate(左边,顶边)div{transform:translate(50px,100px);-ms-transform:translate(50px,100px);/*IE9*/-webkit-transf
分类：
Web程序 时间：
2020-09-17 22:35:40
阅读次数：
44
::-webkit-input-placeholder { color:#f00; } ::-moz-placeholder { color:#f00; } /* firefox 19+ */ :-ms-input-placeholder { color:#f00; } /* ie */ input ...
分类：
其他好文 时间：
2020-09-17 21:45:02
阅读次数：
31
<style> #Marquee{ height:20px;overflow:hidden; display:inline-block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; } #Marquee p{ height:20px;overflow:hi ...
分类：
其他好文 时间：
2020-09-17 15:40:22
阅读次数：
33
@media print { .iconClass { background: black !important; -webkit-print-color-adjust: exact; } } ...
分类：
其他好文 时间：
2020-09-17 15:34:51
阅读次数：
50
