<强> 1。美化滚动条
,,,,,,,*,{
,,,,,,,,,,,scrollbar-base-color:, # 2 d5333;
,,,,,,,,,,,scrollbar-3dlight-color:, # fff;
,,,,,,,,,,,scrollbar-highlight-color:, # fff;
,,,,,,,,,,,scrollbar-track-color:, # eee;
,,,,,,,,,,,scrollbar-arrow-color:, # 2 d5333;
,,,,,,,,,,,scrollbar-shadow-color:, # fff;
,,,,,,,},
,,,,,,,::-webkit-scrollbar {,,
,,,,,,,,,宽度:,8 px;,,
,,,,,,,,,身高:,11 px;,,
,,,,,,,},,
,,,,,,,::-webkit-scrollbar-track,,,
,,,,,,,::-webkit-scrollbar-thumb {,,
,,,,,,,/*,,,这个特性:,999 px;,, */,,,,,,,/*,,,边界:,5 px solid 透明;,,*/,,,,,,,},,
,,,,,,,::-webkit-scrollbar-track {,,
,,,,,,,/*,,,不必:,1 px 1 px 5 px rgba(0, 0 5。2),插图;,,*/,,,,,,,,,背景颜色:,# eee;
,,,,,,,},,,/*,滚动条的滑轨背景颜色,*/,,,,,,,::-webkit-scrollbar-thumb {,,
,,,,,,,/*,,,最低高度:,20 px;,, */,,,,,,,/*,,,background-clip:,内容框;,,*/,,,,,,,/*,,,不必:,0,0,0,5 px rgba(0, 0, 0,。2),插图;,,*/,,,,,,,,,背景颜色:,# 2 d5333;,
,,,,,,,},,/*,滑块颜色,*/,,,,,,,::-webkit-scrollbar-corner {,,
,,,,,,,/*,,,背景:,透明的,,,*/,,,,,,,,,,背景颜色:黑色;
,,,,,,,},,/*,横向滚动条和纵向滚动条相交处尖角的颜色,*/,,,,,,,::-webkit-scrollbar-button {
,,,,,,,,,背景颜色:,# eee;
,,,,,,,},/*,滑轨两头的监听按钮颜色,*/ 2。下拉框:
.selectwrap:: after 这个样式的内容,可以使用自制图标 & lt; div 类=皊electwrap"比;
& lt; select 类=皊electtype"祝辞
& lt; option> 1 & lt;/option>
& lt; option> 2 & lt;/option>
& lt; option> 3 & lt;/option>
& lt; option> 4 & lt;/option>
& lt;/select>
& lt;/div>
.selecttype {
,,,位置:,相对;
,,,z - index:, 2;
,,,填充:,0,20 px 0, 10 px;
,,,显示:,inline-block;
,,,身高:,40像素;
边境:,,,,1 px solid # a0a0a0;
,,,这个特性:,4 px;
,,,颜色:,# 333;
,,,粗细:,正常;
,,,:轮廓,没有;
,,,-webkit-appearance:,没有;
,,,-moz-appearance:,没有;
,,,外观:,没有;
background - color,,,:,透明;
}
.selecttype: -ms-expand {/*,,,,,颜色:# fff;, *//*,,,,,字体大小:20 px; *//*,,,,,填充:5 px 9 px; *//*,,,,,背景:,# 0054 a7。*/,,,,
,,,显示:,没有;
}
.selectwrap {
,,,位置:,相对;
,,,显示:,inline-block;
,,,z - index:, 1;
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
