CSS收藏

CSS

设置浏览器滚动条颜色

1
2
3
4
::-webkit-scrollbar-track-piece{width:8px;background-color:#0b0c11}
::-webkit-scrollbar{width:8px;background-color:#e71822}
::-webkit-scrollbar-thumb{width:8px;background-color:#e71822}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#3d3d3d}

好看的阴影

1
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);

好看的字体

1
font-family: Crimson Text, Georgia, serif;

设置input[placeholder]的样式

1
2
3
4
5
6
7
8
9
10
11
12
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
    color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */  
    color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */ 
    color: #999999;
}
:-moz-placeholder { /* Firefox 18- */ 
    color: #999999;
}

去除input[type=date]的默认样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
input[type="date"]::-webkit-clear-button{
    display:none;
}
input[type="time"], input[type="date"] {
    border: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: none;
}
input[type="time"]::-ms-expand, 
input[type="date"]::-ms-expand{ 
    display: none;
}
赞 赏
微信扫一扫