3 Star 2 Fork 0

Gitee 极速下载 / ui-select

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/rnkrsoft/UI-Select
克隆/下载
select3.css 10.67 KB
一键复制 编辑 原始数据 按行查看 历史
TESTONE 提交于 2020-05-23 21:21 . 修改
@font-face {font-family: "select3-icon";
src: url('iconfont.eot?t=1569283505481'); /* IE9 */
src: url('iconfont.eot?t=1569283505481#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1569283505481') format('woff'),
url('iconfont.ttf?t=1569283505481') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1569283505481#select3-icon') format('svg'); /* iOS 4.1- */
}
.select3-icon {
font-family: "select3-icon" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.select3-icon-refresh:before {
content: "\e653";
}
.select3-icon-filter:before {
content: "\e6c7";
}
.select3-icon-chevron-left:before {
content: "\e74b";
}
.select3-icon-chevron-right:before {
content: "\e74d";
}
.select3-icon-chevrons-right:before {
content: "\e74f";
}
.select3-icon-chevrons-left:before {
content: "\e751";
}
.select3-icon-skip-next:before {
content: "\e818";
}
.select3-icon-skip-previous:before {
content: "\e819";
}
.select3-icon-close:before {
content: "\e6ff";
}
.select3-icon-minus:before {
content: "\e700";
}
.select3-icon-enter:before {
content: "\e701";
}
.select3-icon-plus:before {
content: "\e702";
}
.select3-icon-lock:before {
content: "\e703";
}
.select3-icon-unlock:before {
content: "\e704";
}
.select3-icon-search:before {
content: "\e705";
}
/*组件的宽度与包裹组件的容器一致*/
.select3-ui{
width: 100%;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.select3-ui .select3-selected-bar{
border-color: #ccc;
position: relative;
border: 1px solid #E6ECF0;
/*z-index: 99999;*/
/*padding: 4px;*/
height: 32px;
overflow-y: visible;
overflow-x: hidden;
}
.select3-ui .select3-selected-bar ul{
display: block;
width: 100%;
position: relative;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.select3-ui .select3-selected-bar .select3-refresh-btn{
position: absolute;
cursor: pointer;
right: 2px;
top: 2px;
height: 28px;
border: none;
background: none;
width: 28px;
font-size: 20px;
color: #999;
text-align: center;
line-height: 28px;
}
.select3-ui .select3-selected-bar .select3-refresh-btn:hover{
color: #55A532!important;
}
.select3-ui .select3-selected-bar .select3-refresh-btn:after {
display: block;
position: absolute;
left: -5px;
border-left: 1px solid #666;
height: 16px;
top: 7px;
}
.select3-ui .select3-selected-bar .select3-selected-items>.select3-placeholder{
display: inline-block;
height: 26px;
line-height: 26px;
margin: 2px 2px 2px 2px;
width: auto;
padding: 0px;
margin-right: 0px;
color: #999;
}
.select3-ui .select3-selected-bar .select3-selected-item span{
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
.select3-ui .select3-selected-bar .select3-selected-item{
display: inline-block;
height: 26px;
padding: 0px 20px 0px 14px;
margin: 2px 2px 2px 2px;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
border: 1px solid #E6ECF0;
background: none;
border-radius: 3px;
color: #666;
line-height: 26px;
}
.select3-ui .select3-selected-bar .select3-selected-icon{
width: 16px;
height: 16px;
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
background-size: 10px;
line-height: 24px;
text-align: center;
margin-left: 10px;
box-sizing: content-box;
font-size: 16px !important;
color: #999 !important;
}
.select3-ui .select3-selected-bar .select3-selected-icon:hover{
color: #DF5000!important;
}
/*从这里开始是下拉面板的样式定义*/
/*组件下拉菜单*/
.select3-dropdown-items{
/*display: none;*/
background: #fff;
position: absolute;
z-index: 1000;
height: auto;
margin-top: 4px;
border: 1px solid #E6ECF0;
}
/*搜索框*/
.select3-dropdown-items .select3-search-bar{
position: relative;
}
.select3-dropdown-items .select3-search-bar .select3-search-input{
border: 1px solid #E6ECF0;
box-shadow: none;
color: #333;
background: #FFFFFF;
border-radius: 4px;
font-size: 14px;
height: 26px;
line-height: 28px;
width: calc(100% - 44px);
margin: 2px;
}
.select3-dropdown-items .select3-search-bar .select3-search-btn{
position: absolute;
cursor: pointer;
right: 4px;
top: 4px;
height: 28px;
border: none;
background: none;
width: 28px;
font-size: 20px;
color: #E6ECF0;
text-align: center;
line-height: 28px;
}
.select3-dropdown-items .select3-search-bar .select3-search-btn:hover{
/* display: block;*/
color: #DF5000;
}
/*从这里开始是备选项盒的样式定义*/
.select3-dropdown-items .select3-items-box{
position: relative;
max-height: 350px;
overflow-y: visible;
overflow-x: hidden;
}
.select3-dropdown-items .select3-items-box ul{
list-style: none;
margin: 0;
padding: 0;
}
.select3-dropdown-items .select3-items-box li{
position: relative;
font-weight: 500;
text-indent: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
min-height: 30px;
line-height: 30px;
color: #333;
border-top: 1px solid #E6ECF0;
}
.select3-dropdown-items .select3-items-box li > .select3-item{
display: block;
position: absolute;
margin-left: 26px;
cursor: pointer;
padding-left: 0px;
left: 0px;
top: 0;
width: 100%;
z-index: 1;
}
/**
* 进行本地过滤时加下划线
*/
.select3-dropdown-items .select3-items-box .select3-search-result{
text-decoration: underline;
color:#ccc;
}
.select3-dropdown-items .select3-items-box li[disabled=disabled]:hover .select3-item{
cursor: not-allowed;
}
.select3-dropdown-items .select3-items-box li[disabled]:hover .select3-item{
cursor: not-allowed;
}
.select3-dropdown-items .select3-items-box li[disabled=disabled]:hover .select3-item{
cursor: not-allowed;
}
.select3-dropdown-items .select3-items-box li[disabled]:hover .select3-item-icon{
cursor: not-allowed;
}
.select3-dropdown-items .select3-items-box li > .select3-item-icon{
display: block;
position: relative;
cursor: pointer;
left: 0;
top: 0;
width: 31px;
height:31px;
}
.select3-dropdown-items .select3-items-box .select3-tree .select3-tree-unfold>.select3-unfold-icon{
color: #E6ECF0;
font-size: 20px;
display: block;
position: absolute;
right: 0;
top: 0;
width: 30px;
line-height: 30px;
text-align: center;
transition: transform 0.3s;
-webkit-transition: transform 0.3s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
z-index: 9;
cursor: pointer;
}
.select3-dropdown-items .select3-items-box .select3-tree .select3-tree-unfold>ul{
border-left:1px solid #ccc;
}
.select3-dropdown-items .select3-items-box .select3-tree li>.select3-unfold-icon{
color: #E6ECF0;
font-size: 20px;
display: block;
position: absolute;
right: 0;
top: 0;
width: 30px;
line-height: 30px;
text-align: center;
transition: transform 0.3s;
-webkit-transition: transform 0.3s;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
z-index: 9;
cursor: pointer;
}
/*从这里开始是对分页区的样式*/
.select3-dropdown-items .select3-pagination{
text-align: center;
border-top: 1px solid #E6ECF0;
height: 26px;
}
.select3-dropdown-items .select3-pagination .select3-pagination-button{
font-size: 20px;
display: inline-block;
width: 26px;
height: 26px;
color: #999;
}
.select3-dropdown-items .select3-pagination .select3-pagination-button:hover{
cursor: pointer;
color: #DF5000;
}
.select3-dropdown-items .select3-pagination .select3-pagination-text{
font-size: 14px;
font-weight: 500;
display: inline-block;
width: 26px;
height: 26px;
vertical-align: middle;
color: #999;
}
/*从这里开始是提示盒的样式*/
.select3-dropdown-items .select3-remind-box{
display: block;
font-weight: 500;
text-indent: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
min-height: 30px;
line-height: 30px;
height: 30px;
color: #333;
border-top: 1px solid #E6ECF0;
}
.select3-pagination, .select3-items-box{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
JavaScript
1
https://gitee.com/mirrors/ui-select.git
git@gitee.com:mirrors/ui-select.git
mirrors
ui-select
ui-select
master

搜索帮助