常用不容易记住的css粘贴

1.解决英文溢出

word-break: break-all;

2.换行显示文字

white-space: normal;
word-break: break-all;
word-wrap: break-word;

3.多行省略

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

4.滚动条样式

.top-video .weikeDetail-right::-webkit-scrollbar {/*滚动条整体样式*/
            width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
  }
.top-video .weikeDetail-right::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
 }
.top-video .weikeDetail-right::-webkit-scrollbar-track {/*滚动条里面轨道*/
            /*-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;*/
            background: white;
}

5.播放器下载按钮隐藏

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

6.改变placeholder

textarea:-moz-placeholder {  
    color: #A0A0A0;  
    font-size: 14px;
}  

textarea:-ms-input-placeholder {  
    color: #A0A0A0;  
    font-size: 14px;

}   
textarea::-webkit-input-placeholder {  
    color: #A0A0A0; 
    font-size: 14px;   
} 

7.重置input和textarea的默认样式

input,button,select,textarea{
      border: 0;
      -webkit-appearance: none;
      background:none;
      outline:none;
      resize:none;

}