移動端----CSS基礎設置
阿新 • • 發佈：2018-04-11
:focus utf script utf-8 all font web title out
<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基礎設置