Html
    Css
    Js

    
                        
div {
	height:40px;
	border-radius:10px;
	box-shadow:0 0 5px #ccc;
	position:relative;
	display:inline-block;
	padding:0 20px;
}
select {
	border:none;
	/* //清除select聚焦时候的边框颜色 */
      outline:none;
	/* //将select的宽高等于div的宽高 */
      width:100%;
	height:40px;
	/* //隐藏select的下拉图标 */
      appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	padding:0 10px;
}
div:after {
	content:"↓";
	position:absolute;
	right:3px;
	top:50%;
	transform:translateY(-50%);
	pointer-events:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQ省市区三级联动

0