【滑稽】每日一记 手机端开发的一些样式设置

 

/* 【手机端样式选择】
 * 1、一般手机均不支持微软雅黑，中文字体无需设置，使用手机默认即可；
 * 2、英文字体，一般选择font-family:Helvetica;
 */
font-family:"宋体",Helvetica,sans-serif;

/* 禁止选中文本(如无文本选中需求,此为必选项) 
 * 1、手机端禁止长按选中；
 * 2、电脑端禁止鼠标选择；
 */
        -webkit-user-select: none;  
        -moz-user-select: none;

        /* 去除表单默认外观
         * 手机、电脑均可使用；
         */
        -webkit-appearance:none;
        -moz-appearance: none;
        appearance: none;
}
/* 禁止长按链接与图片弹出菜单 */
a, img {
    -webkit-touch-callout: none; 
}

 

 <!--
打电话/发短信/发邮件
-->
<a href="tel:0535-10086">
打电话给:0535-10086
</a>
<a href="sms:10086">发短信给: 10086</a>
<a href="mailto:jianghao@jerei.com">发邮件给: jianghao@jerei.com</a> 

/* 修改input的placeholder默认样式
 * 修改input获得焦点时placeholder样式
 */
/*谷歌*/
input::-webkit-input-placeholder{color:red;}
input:focus::-webkit-input-placeholder{color:green;}
/*火狐19+*/
input::-moz-placeholder{color:red;}
input:focus::-moz-placeholder{color:green;}
/*IE 10+*/
input::-ms-input-placeholder{color:red;}
input:focus::-ms-input-placeholder{color:green;}