select.html

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
select{
		margin: 0;
		padding: 0;
		outline: none;
		height: 25px;
		line-height: 25px;
		width: 120px;
		border: rgb(191, 204, 220) 1px solid;
		border-radius: 3px;
		display: inline-block;
		font: normal 12px/25px "微软雅黑", "SimSun", "宋体", "Arial";
		background-size: 5px 5px,5px 5px,25px 25px,1px 25px;
		background-color: #fff;
		background-image: repeating-linear-gradient(225deg,rgb(105,123,149) 0%,rgb(105,123,149) 50%,transparent 50%,transparent 100%), 
		repeating-linear-gradient(135deg,rgb(105,123,149) 0%,rgb(105,123,149) 50%,transparent 50%,transparent 100%), 
		linear-gradient( #FFFFFF 0%,#F8F9Fd, #EFFAFA 100%), 
		repeating-linear-gradient( rgb(191, 204, 220) 0%,rgb(191, 204, 220) 100%);
		background-repeat: no-repeat;
		background-position: 101px 10px,106px 10px,right top,92px top;
		-webkit-appearance: none;
}
</style>
<select>
<optgroup label="中文名字">
    <option selected>小明</option>
	<option>小红</option>
	<option>小军</option>
 </optgroup>
 <optgroup label="english name">
    <option>Jonh</option>
	<option>Lily</option>
	<option>Tom</option>
 </optgroup>