@import "../default-skin.less";
@import "../../global/mixin.less";

// 选择框元素
.e_select {
	display:inline-block; cursor:pointer; .x_bs; font-size:100%; background:@bg-dark-0-1; height:1+2*@gap; line-height:1+2*@gap; padding:0 1+2*@gap 0 @gap; border:1px solid @fg-light-8-5; color:@fg; position:relative; .x_to; vertical-align:middle; white-space:nowrap; 
	&:after { display:block; margin-top:-(1+2*@gap)/0.75; height:(1+2*@gap)/0.75; line-height:(1+2*@gap)/0.75; text-align:right; font-size:75%; margin-right:-(1+@gap)/0.75; color:@fg-light-7; pointer-events:none; font-family:"ico"; content:"\e081";}
	[class*="e_ico"] { margin-right:0.29*@gap;}
	[class*="e_ico"]:last-child { margin-left:0.29*@gap; margin-right:0;}
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="email"],
	input[type="month"],
	input[type="week"],
	input[type="number"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="text"],
	input[type="password"] { border:0 none; vertical-align:top; margin:0 0 0 -1*@gap; width:100%; height:100%;}
	span.e_tag {
		background:@bg-dark-0-7; color:@fg; vertical-align:top; margin-top:0.75*@gap;
		.e_tagDelete { color:@fg-light-6;}
	}
	&:focus { box-shadow:inset 1px 1px 0 @warning, inset -1px -1px 0 @warning;}
	&-multiple-auto { height:auto; width:16em; overflow:visible; display:block; white-space:normal;}
}




// 圆角
.e_select-r { border-radius:0.25em;}
.e_select-left { border-top-left-radius:0.25em; border-bottom-left-radius:0.25em;}
.e_select-right { border-top-right-radius:0.25em; border-bottom-right-radius:0.25em;}
.e_select-pill { border-radius:0.5+@gap;}



// 大小
.e_select-l { font-size:116.67%;}
.e_select-s { font-size:85.71%;}
.e_select-m { font-size:100%;}



// 关闭
.e_select-close {
	&:after{ font-family:"ico"; content:"\E01B";}
}