1. /**23. 如何修改chrome记住密码后自动填充表单的黄色背景 ？**/
    2. input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    3.     background-color: rgb(250, 255, 189); /* #FAFFBD; */
    4.     background-image: none;
    5.     color: rgb(0, 0, 0);
    6.   }
    8. /**24. 让页面里的字体变清晰，变细用CSS怎么做？**/
    9. -webkit-font-smoothing: antialiased;
    11. /**25. 让overflow:scroll平滑滚动？**/
    13. -webkit-overflow-scrolling: touch;
    14. /**开启硬件加速**/
    15. /**目前，像Chrome/Filefox/Safari/IE9+以及最新版本Opera都支持硬件加速，当检测到某个DOM元素应用了某些CSS规则时就会自动开启，从而解决页面闪白，保证动画流畅。**/
    16. .css {
    17.     -webkit-transform: translate3d(0,0,0);
    18.     -moz-transform: translate3d(0,0,0);
    19.     -ms-transform: translate3d(0,0,0);
    20.     transform: translate3d(0,0,0);
    21. }
    22. /**移动端html优化**/
    23. html,body{
    25. overflow: hidden;/*手机上写overflow-x:hidden;会有兼容性问题，如果子级如果是绝对定位有运动到屏幕外的话ios7系统会出现留白*/
    27. -webkit-overflow-scrolling:touch;/*流畅滚动,ios7下会有滑一下滑不动的情况，所以需要写上*/
    29. position:realtive;/*直接子级如果是绝对定位有运动到屏幕外的话，会出现留白*/
    30. }
    31. /**手机端多行文本省略**/
    32. .overflow-hidden{
    33.     display: box !important;
    34.     display: -webkit-box !important;
    35.     overflow: hidden;
    36.     text-overflow: ellipsis;
    37.     -webkit-box-orient: vertical;
    38.     -webkit-line-clamp: 4;/*第几行出现省略号*/
    39.     /*text-align:justify;不能和溢出隐藏的代码一起写，会有bug*/
    40. }
    41. /**长时间按住页面闪退**
    42. .element {
    43.     -webkit-touch-callout: none;
    44. }
    45. /**改变输入框内提示文字placeholder颜色**/
    46. ::-webkit-input-placeholder { /* WebKit browsers */
    47.     color: #999; }
    48. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    49.     color: #999; }
    50. ::-moz-placeholder { /* Mozilla Firefox 19+ */
    51.     color: #999; }
    52. :-ms-input-placeholder { /* Internet Explorer 10+ */
    53.     color: #999; }
    54. input:focus::-webkit-input-placeholder{ color:#999; }
    55. /**消除transition闪屏**/
    56. .css {
    57.     -webkit-transform-style: preserve-3d;
    58.     -webkit-backface-visibility: hidden;
    59.     -webkit-perspective: 1000;
    60. }