©2010-2024


鲁公网安备
37131202371784号

CSS常见兼容问题

/* 禁止重置页面字号,可用于安卓支持12px下的字号,以及ios自动调整字号,造成页面显示不正常的问题 */  
body{-webkit-text-size-adjust:none}  

/* 用于触发时,取消默认焦点边框 */
input:focus,textarea:focus,select:focus{outline: none;}

/* 重置select样式 */
select {
  margin-top:.2rem;width: 6.25rem;
  height: 1.55rem;line-height: 1.5rem;
  margin:.2rem .2rem 0 0; border: 0;
  font-size: .75rem;
  appearance: none;-moz-appearance: none;-webkit-appearance: none;
  padding-left:.45rem;
  background: url(/uploads/tpls/estate/arrow.jpg) no-repeat right center;/* 设置下拉菜单下拉的提示图标 */
  background-size: 1.5rem 1.5rem;-moz-background-size: 1.5rem 1.5rem;-webkit-background-size: 1.5rem 1.5rem;
}

/* 关于IE */
selector{
  -color: red; /* 减号和下划线是IE6专有的hack */
  color:blue\9; /* \9 IE6-IE10都生效 */
  color: pink\0; /* \0 IE8-IE11生效 */
  color: green\9\0; /* \9\0 IE9和IE10生效 */ 
  *color: yellow; /* [.*+<>] IE6-IE7生效 */
}

JOE