/*箭头样式*/
border: 2px solid #c8c8cd;
border-bottom-width: 0;
border-left-width: 0;
content: " ";
top: 50%;
right: 0;
position: absolute;
width: 5px;
height: 5px;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
/*popup样式*/
width: 100%;
background-color: #fff;
position: fixed;
bottom: 0;
z-index: 101;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
/*超过2行加...样式*/
overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ellipsis-2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;/*重点,不能用block等其他*/ -webkit-line-clamp: 2;/*重点IE和火狐不支持*/ -webkit-box-orient: vertical;/*重点*/ } /* 滚动条整体 */ ::-webkit-scrollbar { height: 8px; width: 8px; } /* 两个滚动条交接处 -- x轴和y轴 */ ::-webkit-scrollbar-corner { background-color: transparent; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius: 5px; background: #ddd; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background: #fff; }