[分享]css3手机代码

CSS3是一门用来美化网页的技术语言，它能够为网页增加各种效果，其中也包括一些手机的效果。下面将介绍一些常见的CSS3手机代码。/ 1. 禁止文字被长按选中 / webkituserselect: n...

CSS3是一门用来美化网页的技术语言，它能够为网页增加各种效果，其中也包括一些手机的效果。下面将介绍一些常见的CSS3手机代码。

/* 1. 禁止文字被长按选中 */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

/* 2. 禁止图片被长按保存 */
img{
    -webkit-touch-callout: none; /* 禁止长按图片保存，在IPHONE上最有效 */
    -webkit-user-drag: none; /* 禁止拖拽 */
    pointer-events:none; /* 禁止点击 */
}

/* 3. 手机端去除输入框默认样式 */
input{} /* 在手机端，input默认为outline:none; */

/* 4. 超链接样式 */
a{
    color:#FF0000;
    text-decoration:none;
}
a:hover{
    color:#000000;
    text-decoration:underline;
} 

上面的代码片段展示了几个常见的CSS3手机代码，它们分别是禁止文字、图片被长按选中和保存的代码；去除输入框默认样式的代码；以及超链接样式的代码。

通过这些代码的运用，我们能够为移动端网页增加更多的美感和用户体验。同时，这些代码也能够帮助我们更好地控制网页的元素和属性。