css--技巧整理（1-13）-animagi

（更新中）

1、取消浏览器form中默认样式

　　a、chrome下input和textarea的聚焦边框

　　　　 input,button,select,textarea{outline:none}

　 b、取消chrome下textarea可拖动放大

　　　　 textarea { resize : none }

　　c、解决chrome下input，textarea自动填充后有黄色背景

　　　　 input:-webkit-autofill , textarea:-webkit-autofill , select:-webkit-autofill{

　　　　　　-webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
　　　 }

2、css高度自适应：

　　.demo:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:visible;}

3、低版本ie浏览器box-shadow

 .box {
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari 和 Chrome */
    border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

    -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */

    box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类,只黑色阴影有效 */
}  

查看更多关于css--技巧整理（1-13）-animagi的详细内容...