reset.css 浏览器全局样式初始化

@charset "utf-8";



/* 清除元素的默认边距 */

body,  h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}



/* 设置页面默认的字体 */

body{font: 12px/1 Helvetica, Arial, sans-serif, "Microsoft YaHei";color: #666;}



/* 重置文本元素 */

h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}

a{color: #999;text-decoration: none;outline: none;star: expression(this.onFocus=this.blur());}



/* 清除ie下图片的边框 */

img{border: none;}



/* 重置列表样式 */

ul, ol{list-style: none;}



/* 将"仅用来突出样式"的斜体文本扶正 */

i, em{font-style: normal;}



/* 重置表格样式*/

table{border-collapse: collapse;}



/* 重置表单元素样式 */

input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}

input[type="text"], input[type="password"], button, textarea{border: 1px solid #ccc;}

input[type="button"], input[type="submit"], button{border: none;}

textarea{resize: none;}



/* 清除ie下radio和checkbox的边框 */

input[type="radio"], input[type="checkbox"]{border: none;}



/* 隐藏ie10+的文本框的清空按钮和密码框的显示按钮*/

input::-ms-clear, input::-ms-reveal{display: none;}



/* 全局通用样式 - 左右浮动和清除浮动*/

.fl{float: left;}

.fr{float: right;}

.clearfix{*zoom: 1;} /* fix ie6,ie7 */

.clearfix:after{display: block;clear: both;content: "";}





/*-------------------- webapp --------------------*/



/* 隐藏搜索框的清除按钮 */

input::-webkit-search-cancel-button{display: none;}



/* 让下面的元素在触摸时不显示边框或底纹  */

a, button, input, textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);}

 

你可能感兴趣的:(reset)