1、css3样式比较多,一般我会在app端使用
/*.html {font-size:.625rem;*//*10 ÷ 16 × 100% = 62.5%*//* height:100%;}*/ *{margin:0px;padding:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-webkit-appearance:none;outline:none;word-break:break-all;box-sizing:border-box;-webkit-box-sizing:border-box;} html{ font:16px tahoma,arial,\5b8b\4f53,sans-serif; } body{color:#333;font-family:arial; font:16px tahoma,arial,\5b8b\4f53,sans-serif;background:#ebebeb;-webkit-overflow-scrolling:touch;height:100%;} html,body{ width: 100%; height: 100%; } h1,h2,h3,h4,h5,h6{font-size:100%} address,cite,dfn,em,var{font-style:normal} fieldset,img{border:0} button,input,select,textarea{font-size:100%} table{border-collapse:collapse;border-spacing:0} input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none} *{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0} ul,ol{list-style:none} input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0} .fl{float: left;} .fr{float: right;} .clr{*zoom: 1;} .clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
2、css3样式较少,一般我会在pc端使用
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,th,td select option{margin: 0;padding: 0;} body,html{background: #eee;font-size: 12px; color: #333; font-family:arial,microsoft yahei,verdana, simsun; width:100%; height:100%; overflow: hidden; } /*table{border-collapse: collapse; border-spacing: 0;}*/ fieldset,img{border: none; vertical-align:middle;} ol,ul,li{list-style: none;} h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;} em{font-style: normal;} input,button,select,textarea{outline: none; border-color:#dadada;} input,select{ border:none; background: transparent; font-family: "microsoft yahei";color: black; } textarea{resize: none;} input,button,select,textarea{outline: none; border-color:#dadada; } input:focus{ border-color: #91dfe4!important; color:#000!important; } .pasentNo i { font-style: normal!important;} input:-webkit-autofill,textarea:-webkit-autofill{ background:transparent; color:#333; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;} input[type="number"]{ -moz-appearance: textfield;} /*解决select各个浏览器默认箭头不统一的问题*/ select { appearance:none; -moz-appearance:none; -webkit-appearance:none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: url("../images/public/arrow.png") no-repeat scroll right center transparent;} select::-ms-expand { display: none; } .fl{float: left;} .fr{float: right;} .clr{*zoom: 1;} .clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
时间: 2024-10-12 07:40:31