HTML、CSS、meta常用代码

站长手记 作者: 2024-08-28 04:00:02
关闭首个字母大写(HTML),伪类:active失效,设置页面的编码(HTML),禁止手机放大或缩小(HTML),删除默认的苹果工具栏和菜单栏,默认全屏(HTML),启动或禁用自动识别页面中的电话号码,邮箱、地址

HTML

<input type="text" autocapitalize="off"/>
body class="" onmousemove="" ontouchstart=""

meta

<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, 
initial-scale=1.0, 
minimum-scale=1.0, 
maximum-scale=1.0, 
user-scalable=no"/>"
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="format-detection"
    content="telephone=no, email=no,date=no,address=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta name="msapplication-tap-highlight" content="no">

CSS

input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none; //此处只是去掉默认的小×
}
::-webkit-search-cancel-button {
    display:none; 
}
input[type="search"]{-webkit-appearance:none;} 
input[type=search]::-webkit-input-placeholder{
color: blue;
}
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

[contenteditable=true], input, textarea {
    -webkit-touch-callout: auto !important;
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
outline: 0;
input::-webkit-input-placeholder{color:#AAAAAA;}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}
(@media screen and (max-width: 330px) and (min-width: 311px) {}
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69917.html
HTML CSS meta