移動端----CSS基礎設置

時間 2019-11-29

標籤移動 css 基礎設置欄目無線简体版

原文原文鏈接

<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>