修改终端设备 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;
}

  

你可能感兴趣的:(修改终端设备 select 标签的样式)