修改select

一、设置第一个选项为提示信息，不可选，在隐藏选项的同时，修改select字体颜色

<select>
  <option value="0" style="display: none;" disabled selected>请选择就业类别</option>
  <option value="1">单位就业</option>
  <option value="2">自主就业</option>
  <option value="3">特殊岗位就业</option>
</select>

var unSelected = "#999";
var selected = "#333";
$("select").css("color", unSelected);
$("option").css("color", selected);
$("select").change(function () {
    var selItem = $(this).val();
    if (selItem == $(this).find('option:first').val()) {
        $(this).css("color", unSelected);
    } else {
        $(this).css("color", selected);
   }
});

二、设置select为多选

<select multiple="multiple" size="2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

multiple属性是设置为多选，size设置显示个数

三、修改select样式

 select{
	border-radius: 2px;
	border: 1px solid #e0e0e0 !important;
	/*去除select原本样式*/
	appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none; 
    /* 添加样式*/
    background: url(../img/down.png) no-repeat scroll right 5% center transparent;  
    padding: 5px 20px 5px 5px;   
}