常用代码归纳

发布时间:2020-06-14 12:39:23 作者:Ansue
来源:网络 阅读:302
※chrome取消默认***背景
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
 -webkit-box-shadow: 0 0 0 1000px white inset;}
autocomplete="off"
※手机版本网页a标记虚线框问题
a:focus {outline:none;-moz-outline:none;}
※焦点去除背景
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;  // i.e. Nexus5/Chrome and Kindle Fire HD 7''
※placeholder占位符颜色自定义
input:-moz-placeholder {color: #369;}
::-webkit-input-placeholder {color:#369;}
※去掉Webkit(chrome)浏览器中input(文本框)或textarea的***焦点框
input,button,select,textarea{ outline:none;}textarea{ font-size:13px; resize:none;}
※鼠标不允许点击
cursor:not-allowed;
※关闭 x 符号
×
※input:focus时input不随软键盘升起而抬高的情况
:focus{-webkit-tap-highlight-color:rgba(255, 255, 255, 0); 
-webkit-user-modify:read-write-plaintext-only;}
※禁止选中文本
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
CSS3 blur滤镜实现(变模糊)
.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); 
    /* IE6~IE9 */}


推荐阅读:
  1. consul知识点归纳
  2. Less CSS简单归纳

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

chrome outline

上一篇:数据库多源复制同步错误修复

下一篇:认识ThinkPHP的惯例配置文件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》