修改终端设备 select 标签的样式

 

由于 select 在手机中 呈现的是默认样式，并且使用CSS 调试不起作用，显示很不好看。

 

查看了ionic的样式，仿照他的东西写了一下代码，可以调整样式

 

.ionic_select{
	/* “appearance”属性，来改变任何元素的浏览器默认风格 */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	position: absolute;
	top: 0;
	right: 0;
	padding: 14px 48px 16px 16px;
	max-width: 65%;
	border: none;
	background: #fff;
	color: #333;
	text-indent: .01px;
	text-overflow: '';
	white-space: nowrap;
	font-size: 14px;
	cursor: pointer;
	direction: rtl;
}
	
.ionic_select option {
	/*direction 属性规定文本的方向 / 书写方向。*/
    direction: ltr;
}