css去掉select边框和小三角

.row select {
  	border: 0;
	display: block;
	position: relative;
	min-height: 1.146667rem;
	line-height: 1.146667rem;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	padding-right: .6rem;
	background-color: #eee;
  	background: transparent;
  	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
}



去掉边框:border: 0; background: transparent;

去掉小三角:

        appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */


谷歌浏览器下的效果:




苹果手机safari浏览器下的效果:

css去掉select边框和小三角_第1张图片

你可能感兴趣的:(去掉select小三角)