兼容 [记录]

 

不显示滚动条
　　::-webkit-scrollbar{width: 0;height: 0;color: transparent;}

 

 

input label 在ios环境下 选中出现灰色背景　

 　　-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; 

 

安卓机

　　<img id="preview_sale0" />  无src  背景呈现灰色

　　解决　　　

　　　　img {opacity: 0;}
　　　　img[src] {opacity: 1;}

 

盒模型的不兼容

　　.ctpFlex {

　　　　display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
　　　　display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
　　　　display: -ms-flexbox; /* TWEENER - IE 10 */
　　　　display: -webkit-flex; /* NEW - Chrome */
　　　　display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
　　}

　　.ul>li {
　　　　-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
　　　　-moz-box-flex: 1; /* OLD - Firefox 19- */
　　　　width: 20%; /* For old syntax, otherwise collapses. */
　　　　-webkit-flex: 1; /* Chrome */
　　　　-ms-flex: 1; /* IE 10 */
　　　　flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
　　}

 

禁止用户选中

　　.noselect {
　　　　-webkit-touch-callout: none; /* iOS Safari */
　　　　-webkit-user-select: none; /* Chrome/Safari/Opera */
　　　　-khtml-user-select: none; /* Konqueror */
　　　　-moz-user-select: none; /* Firefox */
　　　　-ms-user-select: none; /* Internet Explorer/Edge */
　　　　user-select: none; /* Non-prefixed version, currently not supported by any browser */
　　}

　　IE < 10 和Opera < 15  属性  unselectable="on"

 

input placeholder 颜色

　　input::-webkit-input-placeholder{color:#999;}
　　input:-moz-placeholder{color:#999;}
　　input::-moz-placeholder{color:#999;}
　　input:-ms-input-placeholder {color:#999;}

 

去除FOUCS有黄线

　　input{outline:none;}

 

 

padding:10px;padding:9px\9; /* all ie */
padding:8px\0; /* ie8-9 */
*padding:5px; /* ie6-7 */
+padding:7px; /* ie7 */
_padding:6px; /* ie6 */