Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
易企天创
zui
提交
f52257a5
Z
zui
项目概览
易企天创
/
zui
11 个月 前同步成功
通知
6
Star
0
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
37
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
37
Issue
37
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
f52257a5
编写于
12月 31, 2013
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* ajusted style of chosen.
上级
1c7960a5
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
24 addition
and
20 deletion
+24
-20
dist/css/choosen.css
dist/css/choosen.css
+1
-1
src/less/modules/choosen.less
src/less/modules/choosen.less
+23
-19
未找到文件。
dist/css/choosen.css
浏览文件 @
f52257a5
.chosen-container
{
position
:
relative
;
display
:
inline-block
;
vertical-align
:
middle
;
font-size
:
13px
;
zoom
:
1
;
*
display
:
inline
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
-o-user-select
:
none
;
user-select
:
none
}
.chosen-container
.chosen-drop
{
position
:
absolute
;
top
:
100%
;
left
:
-9999px
;
z-index
:
1010
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
border
:
1px
solid
#ccc
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
border-top
:
0
;
background
:
#fff
;
box-shadow
:
0
4px
5px
rgba
(
0
,
0
,
0
,
0.15
)}
.chosen-container.chosen-with-drop
.chosen-drop
{
left
:
0
}
.chosen-container
a
{
cursor
:
pointer
}
.chosen-container-single
.chosen-single
{
display
:
block
;
overflow
:
hidden
;
padding
:
6px
10px
;
height
:
34px
;
width
:
100%
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
background-color
:
#fff
;
background-clip
:
padding-box
;
vertical-align
:
middle
;
color
:
#333
;
text-decoration
:
none
;
white-space
:
nowrap
;
line-height
:
1.428571429
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-single
.chosen-default
{
color
:
#999
}
.chosen-container-single
.chosen-single
span
{
display
:
block
;
overflow
:
hidden
;
margin-right
:
26px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-single-with-deselect
span
{
margin-right
:
38px
}
.chosen-container-single
.chosen-single
abbr
{
position
:
absolute
;
top
:
7px
;
right
:
24px
;
display
:
block
;
width
:
21px
;
height
:
21px
;
line-height
:
21px
;
font-size
:
21px
;
font-weight
:
bold
;
color
:
#000
;
text-shadow
:
0
1px
0
#fff
;
opacity
:
.2
;
filter
:
alpha
(
opacity
=
20
)}
.chosen-container-single
.chosen-single
abbr
:before
{
content
:
'×'
}
.chosen-container-single
.chosen-single
abbr
:hover
,
.chosen-container-single
.chosen-single
abbr
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
opacity
:
.5
;
filter
:
alpha
(
opacity
=
50
)}
.chosen-container-single
.chosen-single
div
{
position
:
absolute
;
top
:
0
;
right
:
0
;
display
:
block
;
height
:
100%
;
padding
:
6px
10px
}
.chosen-container-single
.chosen-single
div
b
{
display
:
inline-block
;
width
:
0
;
height
:
0
;
margin-left
:
2px
;
vertical-align
:
middle
;
border-top
:
4px
solid
#000
;
border-right
:
4px
solid
transparent
;
border-left
:
4px
solid
transparent
;
border-bottom
:
0
dotted
}
.chosen-container-single
.chosen-search
{
position
:
relative
;
z-index
:
1010
;
margin
:
0
;
padding
:
3px
4px
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
margin
:
1px
0
;
padding
:
5px
26px
5px
10px
;
width
:
100%
;
height
:
auto
;
outline
:
0
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
background-color
:
#fff
;
font-size
:
12px
;
line-height
:
1.5
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
:focus
{
border-color
:
#4d90fe
}
.chosen-container-single
.chosen-search
:before
{
position
:
absolute
;
display
:
block
;
right
:
10px
;
color
:
#999
;
top
:
10px
;
content
:
"\f002"
;
font-family
:
ZenIcon
}
.chosen-container-single
.chosen-drop
{
margin-top
:
-1px
;
border-radius
:
0
0
4px
4px
;
background-clip
:
padding-box
}
.chosen-container-single.chosen-container-single-nosearch
.chosen-search
{
position
:
absolute
;
left
:
-9999px
}
.chosen-container
.chosen-results
{
position
:
relative
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
margin
:
0
;
padding
:
0
;
max-height
:
240px
;
-webkit-overflow-scrolling
:
touch
}
.chosen-container
.chosen-results
li
{
display
:
none
;
margin
:
0
;
padding
:
5px
10px
;
list-style
:
none
;
line-height
:
15px
;
-webkit-touch-callout
:
none
;
-webkit-transition
:
all
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
transition
:
all
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
)}
.chosen-container
.chosen-results
li
.active-result
{
display
:
list-item
;
cursor
:
pointer
}
.chosen-container
.chosen-results
li
.disabled-result
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.highlighted
{
color
:
#3280fc
;
background-color
:
#f1f1f1
;
-webkit-transition
:
box-shadow
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
transition
:
box-shadow
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
border-left
:
2px
solid
#3280fc
\
9
;
-moz-box-shadow
:
inset
3px
0
0
#3280fc
;
-webkit-box-shadow
:
inset
3px
0
0
#3280fc
;
box-shadow
:
inset
3px
0
0
#3280fc
}
.chosen-container
.chosen-results
li
.no-results
{
display
:
list-item
;
background
:
#f4f4f4
}
.chosen-container
.chosen-results
li
.group-result
{
display
:
list-item
;
font-weight
:
bold
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.group-option
{
padding-left
:
15px
}
.chosen-container
.chosen-results
li
em
{
font-style
:
normal
;
text-decoration
:
underline
}
.chosen-container-multi
.chosen-choices
{
position
:
relative
;
overflow
:
hidden
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
margin
:
0
;
padding
:
6px
5px
;
padding-bottom
:
1px
;
width
:
100%
;
height
:
auto
!important
;
height
:
1%
;
min-height
:
34px
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
background-color
:
#fff
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
cursor
:
text
}
.chosen-container-multi
.chosen-choices
li
{
float
:
left
;
list-style
:
none
}
.chosen-container-multi
.chosen-choices
li
.search-field
{
margin
:
0
;
padding
:
0
;
white-space
:
nowrap
}
.chosen-container-multi
.chosen-choices
li
.search-field
input
[
type
=
"text"
]
{
margin
:
1px
0
;
height
:
15px
;
outline
:
0
;
border
:
0
!important
;
background
:
transparent
!important
;
box-shadow
:
none
;
color
:
#999
;
font-size
:
100%
;
font-family
:
sans-serif
;
line-height
:
normal
;
border-radius
:
0
}
.chosen-container-multi
.chosen-choices
li
.search-field
.default
{
color
:
#999
}
.chosen-container-multi
.chosen-choices
li
.search-choice
{
position
:
relative
;
margin
:
0
4px
4px
0
;
padding
:
3px
20px
3px
5px
;
background-color
:
#f1f1f1
;
border-radius
:
3px
;
border
:
1px
solid
#ddd
;
background-clip
:
padding-box
;
-moz-box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
-webkit-box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
line-height
:
13px
;
cursor
:
default
;
-webkit-transition
:
all
.4s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
transition
:
all
.4s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
:hover
{
border-color
:
#c4c4c4
;
background-color
:
#fff
;
-moz-box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
-webkit-box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
{
position
:
absolute
;
top
:
-1px
;
right
:
0
;
text-align
:
center
;
display
:
block
;
width
:
21px
;
height
:
21px
;
line-height
:
21px
;
font-size
:
16.8px
;
font-weight
:
bold
;
color
:
#000
;
text-shadow
:
0
1px
0
#fff
;
opacity
:
.2
;
filter
:
alpha
(
opacity
=
20
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:before
{
content
:
'×'
}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:hover
,
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
opacity
:
.5
;
filter
:
alpha
(
opacity
=
50
)}
.chosen-container-multi
.chosen-choices
li
.search-choice-disabled
{
padding-right
:
5px
;
border
:
1px
solid
#ccc
;
background-color
:
#e4e4e4
;
color
:
#666
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
{
background
:
#d4d4d4
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
.search-choice-close
{
background-position
:
-42px
-10px
}
.chosen-container-multi
.chosen-results
{
margin
:
0
;
padding
:
0
}
.chosen-container-multi
.chosen-drop
.result-selected
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container-active
.chosen-single
{
border-color
:
#4d90fe
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
)}
.chosen-container-active.chosen-with-drop
.chosen-single
{
border
:
1px
solid
#ccc
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
-moz-border-radius-bottomright
:
0
;
border-bottom-right-radius
:
0
;
-moz-border-radius-bottomleft
:
0
;
border-bottom-left-radius
:
0
;
-moz-box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
0.175
);
-webkit-box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
0.175
);
box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
0.175
)}
.chosen-container-active.chosen-with-drop
.chosen-single
div
{
border-left
:
none
;
background
:
transparent
}
.chosen-container-active.chosen-with-drop
.chosen-single
div
b
{
border-top
:
0
dotted
;
border-bottom
:
4px
solid
#000
;
content
:
""
}
.chosen-container-active
.chosen-choices
{
border-color
:
#4d90fe
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
)}
.chosen-container-active
.chosen-choices
li
.search-field
input
[
type
=
"text"
]
{
color
:
#111
!important
}
.chosen-disabled
{
opacity
:
.5
!important
;
cursor
:
default
}
.chosen-disabled
.chosen-single
{
cursor
:
default
}
.chosen-disabled
.chosen-choices
.search-choice
.search-choice-close
{
cursor
:
default
}
\ No newline at end of file
.chosen-container
{
position
:
relative
;
display
:
inline-block
;
vertical-align
:
middle
;
font-size
:
14px
;
zoom
:
1
;
*
display
:
inline
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
-o-user-select
:
none
;
user-select
:
none
}
.chosen-container
.chosen-drop
{
position
:
absolute
;
top
:
100%
;
left
:
-9999px
;
z-index
:
1010
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
;
border
:
1px
solid
#ccc
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
border-top
:
0
;
background
:
#fff
;
box-shadow
:
0
4px
5px
rgba
(
0
,
0
,
0
,
0.15
)}
.chosen-container.chosen-with-drop
.chosen-drop
{
left
:
0
}
.chosen-container
a
{
cursor
:
pointer
}
.chosen-container-single
.chosen-single
{
display
:
block
;
overflow
:
hidden
;
padding
:
6px
10px
;
height
:
34px
;
width
:
100%
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
background-color
:
#fff
;
background-clip
:
padding-box
;
vertical-align
:
middle
;
color
:
#333
;
text-decoration
:
none
;
white-space
:
nowrap
;
line-height
:
1.428571429
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-single
.chosen-default
{
color
:
#999
}
.chosen-container-single
.chosen-single
span
{
display
:
block
;
overflow
:
hidden
;
margin-right
:
26px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-single-with-deselect
span
{
margin-right
:
38px
}
.chosen-container-single
.chosen-single
abbr
{
position
:
absolute
;
top
:
7px
;
right
:
24px
;
display
:
block
;
width
:
21px
;
height
:
21px
;
line-height
:
21px
;
font-size
:
21px
;
font-weight
:
bold
;
color
:
#000
;
text-shadow
:
0
1px
0
#fff
;
opacity
:
.2
;
filter
:
alpha
(
opacity
=
20
)}
.chosen-container-single
.chosen-single
abbr
:before
{
content
:
'×'
}
.chosen-container-single
.chosen-single
abbr
:hover
,
.chosen-container-single
.chosen-single
abbr
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
opacity
:
.5
;
filter
:
alpha
(
opacity
=
50
)}
.chosen-container-single
.chosen-single
div
{
position
:
absolute
;
top
:
0
;
right
:
0
;
display
:
block
;
height
:
100%
;
padding
:
6px
10px
}
.chosen-container-single
.chosen-single
div
b
{
display
:
inline-block
;
width
:
0
;
height
:
0
;
margin-left
:
2px
;
vertical-align
:
middle
;
border-top
:
4px
solid
#000
;
border-right
:
4px
solid
transparent
;
border-left
:
4px
solid
transparent
;
border-bottom
:
0
dotted
}
.chosen-container-single
.chosen-search
{
position
:
relative
;
z-index
:
1010
;
margin
:
0
;
padding
:
3px
4px
;
white-space
:
nowrap
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
margin
:
1px
0
;
padding
:
5px
26px
5px
10px
;
width
:
100%
;
height
:
auto
;
outline
:
0
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
background-color
:
#fff
;
font-size
:
12px
;
line-height
:
1.5
}
.chosen-container-single
.chosen-search
input
[
type
=
"text"
]
:focus
{
border-color
:
#4d90fe
}
.chosen-container-single
.chosen-search
:before
{
position
:
absolute
;
display
:
block
;
right
:
10px
;
color
:
#999
;
top
:
8px
;
content
:
"\f002"
;
font-family
:
ZenIcon
}
.chosen-container-single
.chosen-drop
{
margin-top
:
-1px
;
border-radius
:
0
0
4px
4px
;
background-clip
:
padding-box
}
.chosen-container-single.chosen-container-single-nosearch
.chosen-search
{
position
:
absolute
;
left
:
-9999px
}
.chosen-container
.chosen-results
{
position
:
relative
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
margin
:
0
;
padding
:
0
;
max-height
:
240px
;
-webkit-overflow-scrolling
:
touch
}
.chosen-container
.chosen-results
li
{
display
:
none
;
margin
:
0
;
padding
:
5px
10px
;
list-style
:
none
;
line-height
:
15px
;
-webkit-touch-callout
:
none
;
-webkit-transition
:
all
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
transition
:
all
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
)}
.chosen-container
.chosen-results
li
.active-result
{
display
:
list-item
;
cursor
:
pointer
}
.chosen-container
.chosen-results
li
.disabled-result
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.highlighted
{
color
:
#3280fc
;
background-color
:
#f1f1f1
;
-webkit-transition
:
box-shadow
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
transition
:
box-shadow
.2s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
border-left
:
2px
solid
#3280fc
\
9
;
-moz-box-shadow
:
inset
3px
0
0
#3280fc
;
-webkit-box-shadow
:
inset
3px
0
0
#3280fc
;
box-shadow
:
inset
3px
0
0
#3280fc
}
.chosen-container
.chosen-results
li
.no-results
{
display
:
list-item
;
background
:
#f4f4f4
}
.chosen-container
.chosen-results
li
.group-result
{
display
:
list-item
;
font-weight
:
bold
;
cursor
:
default
}
.chosen-container
.chosen-results
li
.group-option
{
padding-left
:
15px
}
.chosen-container
.chosen-results
li
em
{
font-style
:
normal
;
text-decoration
:
underline
}
.chosen-container-multi
.chosen-choices
{
position
:
relative
;
overflow
:
hidden
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
margin
:
0
;
padding
:
0
;
width
:
100%
;
min-height
:
34px
;
min-height
:
32px
\
0
;
border
:
1px
solid
#ccc
;
border-radius
:
4px
;
background-color
:
#fff
;
cursor
:
text
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
);
-webkit-transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
;
transition
:
border-color
ease-in-out
.15s
,
box-shadow
ease-in-out
.15s
}
.chosen-container-multi
.chosen-choices
:before
,
.chosen-container-multi
.chosen-choices
:after
{
content
:
" "
;
display
:
table
}
.chosen-container-multi
.chosen-choices
:after
{
clear
:
both
}
.chosen-container-multi
.chosen-choices
li
{
display
:
block
;
float
:
left
;
list-style
:
none
;
padding
:
0
6px
;
margin
:
6px
0
0
6px
}
.chosen-container-multi
.chosen-choices
li
.search-field
{
padding
:
0
;
margin-bottom
:
5px
;
white-space
:
nowrap
}
.chosen-container-multi
.chosen-choices
li
.search-field
input
[
type
=
"text"
]
{
height
:
20px
;
outline
:
0
;
border
:
0
!important
;
background
:
transparent
!important
;
box-shadow
:
none
;
color
:
#999
;
font-size
:
100%
;
border-radius
:
0
}
.chosen-container-multi
.chosen-choices
li
.search-field
.default
{
color
:
#999
}
.chosen-container-multi
.chosen-choices
li
.search-choice
{
position
:
relative
;
padding
:
3px
20px
3px
5px
;
background-color
:
#f1f1f1
;
border-radius
:
3px
;
border
:
1px
solid
#ddd
;
background-clip
:
padding-box
;
-moz-box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
-webkit-box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
0
0
2px
#fff
inset
,
0
1px
0
rgba
(
0
,
0
,
0
,
.05
);
line-height
:
12px
;
cursor
:
default
;
-webkit-transition
:
all
.4s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
);
transition
:
all
.4s
cubic-bezier
(
0.175
,
0.885
,
0.32
,
1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
:hover
{
border-color
:
#c4c4c4
;
background-color
:
#fff
;
-moz-box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
-webkit-box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
{
position
:
absolute
;
top
:
-1px
;
right
:
0
;
text-align
:
center
;
display
:
block
;
width
:
21px
;
height
:
21px
;
line-height
:
21px
;
font-size
:
16.8px
;
font-weight
:
bold
;
color
:
#000
;
text-shadow
:
0
1px
0
#fff
;
opacity
:
.2
;
filter
:
alpha
(
opacity
=
20
)}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:before
{
content
:
'×'
}
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:hover
,
.chosen-container-multi
.chosen-choices
li
.search-choice
.search-choice-close
:focus
{
color
:
#000
;
text-decoration
:
none
;
cursor
:
pointer
;
opacity
:
.5
;
filter
:
alpha
(
opacity
=
50
)}
.chosen-container-multi
.chosen-choices
li
.search-choice-disabled
{
padding-right
:
5px
;
border
:
1px
solid
#ccc
;
background-color
:
#e4e4e4
;
color
:
#666
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
{
background
:
#d4d4d4
}
.chosen-container-multi
.chosen-choices
li
.search-choice-focus
.search-choice-close
{
background-position
:
-42px
-10px
}
.chosen-container-multi
.chosen-results
{
margin
:
0
;
padding
:
0
}
.chosen-container-multi
.chosen-drop
.result-selected
{
display
:
list-item
;
color
:
#ccc
;
cursor
:
default
}
.chosen-container-active
.chosen-single
{
border-color
:
#4d90fe
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
)}
.chosen-container-active.chosen-with-drop
.chosen-single
{
border
:
1px
solid
#ccc
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
-moz-border-radius-bottomright
:
0
;
border-bottom-right-radius
:
0
;
-moz-border-radius-bottomleft
:
0
;
border-bottom-left-radius
:
0
;
-moz-box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
0.175
);
-webkit-box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
0.175
);
box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
0.175
)}
.chosen-container-active.chosen-with-drop
.chosen-single
div
{
border-left
:
none
;
background
:
transparent
}
.chosen-container-active.chosen-with-drop
.chosen-single
div
b
{
border-top
:
0
dotted
;
border-bottom
:
4px
solid
#000
;
content
:
""
}
.chosen-container-active
.chosen-choices
{
border-color
:
#4d90fe
;
-moz-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
-webkit-box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
);
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.075
),
0
0
8px
rgba
(
77
,
144
,
254
,
0.6
)}
.chosen-container-active
.chosen-choices
li
.search-field
input
[
type
=
"text"
]
{
color
:
#111
!important
}
.chosen-disabled
{
opacity
:
.5
!important
;
cursor
:
default
}
.chosen-disabled
.chosen-single
{
cursor
:
default
}
.chosen-disabled
.chosen-choices
.search-choice
.search-choice-close
{
cursor
:
default
}
\ No newline at end of file
src/less/modules/choosen.less
浏览文件 @
f52257a5
...
...
@@ -10,7 +10,7 @@
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 1
3
px;
font-size: 1
4
px;
zoom: 1;
*display: inline;
.user-select(none);
...
...
@@ -154,7 +154,7 @@
display: block;
right: 10px;
color: @gray;
top:
10
px;
top:
8
px;
content: @search;
font-family: @icon-font-name;
}
...
...
@@ -229,53 +229,56 @@
overflow: hidden;
.box-sizing(border-box);
margin: 0;
padding: @padding-base-vertical 5px;
padding-bottom: 1px;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
min-height: @input-height-base;
min-height: (@input-height-base - 2)~'\0';
border: 1px solid @input-border;
border-radius: @input-border-radius;
background-color: @input-bg;
cursor: text;
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
.transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
cursor: text
;
.clearfix()
;
}
.chosen-choices li {
.chosen-choices li
{
display: block;
float: left;
list-style: none;
&.search-field {
margin: 0;
padding: 0 6px;
margin: 6px 0 0 6px;
&.search-field
{
padding: 0;
margin-bottom: 5px;
white-space: nowrap;
input[type="text"]
{
margin: 1px 0;
height:
15
px;
input[type="text"]
{
height:
20
px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: @input-color-placeholder;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.default {
.default
{
color: #999;
}
}
&.search-choice {
&.search-choice
{
position: relative;
margin: 0 4px 4px 0;
padding: 3px 20px 3px 5px;
background-color: @gray-pale;
border-radius: @border-radius-small;
border: 1px solid @gray-light;
background-clip: padding-box;
.box-shadow(~"0 0 2px #fff inset, 0 1px 0 rgba(0,0,0,.05)");
line-height: 1
3
px;
line-height: 1
2
px;
cursor: default;
.transition(all,@animation-speed-normal,@animation-type);
...
...
@@ -330,6 +333,7 @@
.chosen-results {
margin: 0;
padding: 0;
// margin-top: ~'-1px\0';
}
.chosen-drop .result-selected {
display: list-item;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录