在一些特殊應用場景，我們并不想select下拉框顯示它的框體和右側的下拉三角形，這個時候就需要改動CSS來實現去掉select邊框和小三角。實現方法分享如下：

html代碼

<select id="selected"><option>選擇查詢條件</option><option>同事</option><option>親戚</option></select>

CSS部分

#selected{width: 100%;height: 100%;background-color: #fff;color: white;/* 去掉三角 */appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome *//* 去掉邊框 */      border: 0;    display: block;    position: relative;}

完成。