- <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>
来源: http://www.bubuko.com/infodetail-2557975.html