.select-box {
position: relative;
overflow-y: hidden;
padding: 0 10px;
border: 1px solid #e4e4e4;
line-height: 22px;
cursor: default;
background-color: #fff;
}
.select-box .iconfont {
position: absolute;
top: 0;
right: 10px;
line-height: 24px;
background-color: #fff;
}
.select-box .word {
display: block;
margin-right: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border: none;
outline: none;
width: 100%;
line-height: 22px;
height: 22px;
}
.select-box .word:focus {
border: none;
}
.select-options {
position: absolute;
z-index: 100;
max-height: 380px;
overflow-y: auto;
background-color: #fff;
border: 1px solid #e4e4e4;
}
.select-options li {
position: relative;
overflow: hidden;
}
.select-options li label {
display: block;
padding: 5px 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.select-options input {
position: absolute;
left: -100px;
/* left: -2px; */
}
.select-options li:hover {
color: #fff;
background-color: #3879d9;
}
.select-options .iconfont {
margin-right: 5px;
border: 1px solid #e4e4e4;
color: transparent;
}
.select-options .active .iconfont {
color: #e03641;
}
/**
* 多选下拉框
* @param {[object]} options [实例参数]
* options.callback 选择项后的回调,参数为所有选中组成的数组和当前select元素
* options.name select控件的name属性,没有时调用options参数给定的name值,还没有时默认hqjf-1到9999的随机数
* options.width 下拉菜单的宽度,默认是select控件的父容器宽度
* options.holdSkin 定制更多选择控件样式
* options.opti