年后工作小结

公司新版页面完成的差不多了，这两天都在测浏览器兼容问题，碰到几个小问题需要记录下。

1.  :first-child 支持IE7+浏览器，:last:child就是css3的选择符了，要IE9+的浏览器才会支持。

2.  IE7下input[type="submit"]下面会有黑色边框，只要设置border就会出现黑色边框，在网上查了一下，搜到两种解决办法。

(一) input {filter:chroma(color='#000000)'; }

原理我也不清楚。然后我试了下，我用的是IE11降到IE7来做的，发现不行，还是有问题。但是用IE9的朋友帮我测了下，降到IE7是没问题的。所以暂且记录下吧，这也是一种方法。

(二)用label模拟border

结构如下：

	<div class="demo">
		<label>
			<input type="submit" value="提交" />
		</label>
	</div>

css如下：

	.demo label{
		display:inline-block;
		border:1px solid #44ACD3;
	}
	.demo input{
		width:80px;
		height:28px;
		background-color:#20C1E8;
		border:1px solid #44ACD3;
		color:#fff;
	}

这样就可以很好的解决这个问题了。