1.设置option文字居中时发现，给select设置text-align:center在火狐浏览器下ok，但是在chrome浏览器无效，然后option在两个浏览器下设置text-align:center都是无效
解决方案：
select:{ width: auto; padding: 0 1%; margin: 0; }
option{ text-align:center;}
*必须设置select的padding
*不用设置select的宽（width），auto就可以了。
2.文本居右
*第一种，用padding挤（固定布局）
*第二种
<select dir="rtl">
<option>Foo</option>
<option>bar</option>
<option>to the right</option>
</select>
<style>
select { direction: rtl; }
</style>
3.小图标问题
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url("../img/arrow.png") no-repeat scroll right center transparent;
padding-right: 10px;
}
select相关问题
原文：http://www.cnblogs.com/xiaokele1314/p/7639782.html
