通過css屬性hack完成select樣式美化，並兼容IE

最近在重構時遇到了select樣式問題，並且需要在不影響語義化的情況下，兼容IE8。

經過一番的百度后始終沒有找到合適的純CSS解決方案，最后換了一下思路，大膽使用了屬性hack；

在chrome和FF下隱藏默認樣式，顯示css自定義樣式，在ie下隱藏自定義樣式，顯示默認樣式。

DOM代碼如下：

<select name="">
	<option value=""></option>
</select>　　

CSS樣式如下：

    	select{
    		width: 100px;
    		appearance: none;
    		-moz-appearance: none;
    		-webkit-appearance: none;
    		background: url("drag.png");
    		background-position: right center;
    		padding-right: 0 \9;
    		background: none \9;	
    	}

　　喜歡請點擊右下角推薦，轉載請標明出處。