关于排版中经常见的问题的解决方法 

 1 /*去除默认样式*/
 2 -webkit-appearance:none;
 3 /*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景
 4 解决方案1:*/
 5  
 6 a,button,input,optgroup,select,textarea, div {
 7     -webkit-tap-highlight-color:rgba(0,0,0,0);
 8 }
 9  
10 /*解决方案2:
11 以下是我的css,你的问题看最后一条；*/
12 :root *,body *{
13 
14     -webkit-touch-callout: none;//长按菜单
15 
16     -webkit-text-size-adjust:none;//停用字体优化
17 
18     -webkit-appearance: none;//form控件重置样式
19 
20     -webkit-tap-highlight-color: transparent;//点击高光
21 
22     -webkit-user-drag: none;//停用拖动
23 
24     -webkit-user-select : none;//停用用户选择
25 
26 }
27 /*input   placeholder 颜色*/
28 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
29      color:    #666;
30 }
31 input:-moz-placeholder, textarea:-moz-placeholder {
32      color:    #666;
33 }
34 input::-moz-placeholder, textarea::-moz-placeholder {
35      color:    #666;
36 }
37 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
38      color:    #666;
39 }
40 /*css超出...显示*/
41 display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

 

posted @ 2016-07-29 17:01  -llt  阅读(287)  评论(0)    收藏  举报