|
1
2
3
4
5
|
※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 */}
本文转自Ansue 51CTO博客，原文链接：http://blog.51cto.com/ansue/1679943，如需转载请自行联系原作者