码迷,mamicode.com
首页 > 移动开发 > 详细

移动端----CSS基础设置

时间:2018-04-11 10:45:46      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:roi   adjust   tap   android   中文   按钮   使用   css   NPU   

<html>

<head>
    <meta charset="utf-8">
    <title>移动端----CSS基础设置</title>
    <meta name="keyword" content="移动端----CSS基础设置">
    <meta name="discription" content="移动端----CSS基础设置">
    <style>
    body {
        font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
        /*使用无衬线字体*/
    }

    a,
    img {
        -webkit-touch-callout: none;
        touch-callout: none;
        /*禁止长按链接与图片弹出菜单*/
    }

    html,
    body {
        -webkit-user-select: none;
        user-select: none;
        /*禁止选中文本*/
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        -webkit-appearance: none;
        /*去掉webkit默认的表单样式*/
    }

    a,
    button,
    input,
    optgroup,
    select,
    textarea {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
    }

    input::-webkit-input-placeholder {
        color: #ccc;
        /*修改webkit中input的planceholder样式*/
    }

    input:focus::-webkit-input-placeholder {
        color: #f00;
        /*修改webkit中focus状态下input的planceholder样式*/
    }

    body {
        -webkit-text-size-adjust: 100%!important;
        /*禁止IOS调整字体大小*/
    }

    input::-webkit-input-speech-button {
        display: none;
        /*隐藏Android的语音输入按钮*/
    }
    </style>
</head>

<body>
</body>

  

移动端----CSS基础设置

标签:roi   adjust   tap   android   中文   按钮   使用   css   NPU   

原文地址:https://www.cnblogs.com/SunlikeLWL/p/8793540.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!