1 Star 4 Fork 1

rutine/searchInput

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
searchInput.css 2.92 KB
一键复制 编辑 原始数据 按行查看 历史
rutine 提交于 2024-08-10 14:48 . 提交代码
@keyframes search-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.search-tag-container {
position: relative;
width: auto;
padding: 3px;
border: 1px solid #e6e6e6;
background-color: #ffffff;
}
.search-tag-container:hover {
border-color: #d2d2d2;
}
.search-tag-container span.search-tag {
float: left;
font-size: 13px;
padding: 0 6px;
margin-right: 3px;
border-radius: 2px;
line-height: 30px;
}
.search-tag-container span.search-tag:hover {
cursor: pointer;
}
.search-tag-container span.search-bg-red {
background-color: #FF5722;
}
.search-tag-container span.search-bg-orange {
background-color: #FFB800;
}
.search-tag-container span.search-bg-green {
background-color: #009688;
}
.search-tag-container span.search-bg-cyan {
background-color: #2F4056;
}
.search-tag-container span.search-bg-blue {
background-color: #1E9FFF;
}
.search-tag-container span.search-bg-gray {
background-color: #AFAFAF;
}
.search-tag-container span.search-bg-red,
.search-tag-container span.search-bg-orange,
.search-tag-container span.search-bg-green,
.search-tag-container span.search-bg-cyan,
.search-tag-container span.search-bg-blue,
.search-tag-container span.search-bg-gray,
.search-tag-container span.search-bg-black {
color: #FFFFFF;
}
.search-tag-container .search-anim-fadein {
animation: search-fadein 0.3s both;
}
.search-tag-container .search-tag-input[type='text'] {
width: auto;
height: 30px;
font-size: 13px;
background: transparent;
border: 0 none;
outline: 0;
}
.search-tag-container .search-tag-input[type='text']:focus::-webkit-input-placeholder {
color: transparent;
}
.search-tag-container .search-tag-input[type='text']:focus:-moz-placeholder {
color: transparent;
}
.search-tag-container .search-tag-input[type='text']:focus:-moz-placeholder {
color: transparent;
}
.search-tag-container .search-tag-input[type='text']:focus:-ms-input-placeholder {
color: transparent;
}
.search-tag-container .search-tag-select {
position: relative;
color: #5f5f5f;
}
.search-tag-container .search-tag-select dl {
display: none;
position: absolute;
left: 0;
top: 5px;
padding: 0;
min-width: 5%;
max-height: 300px;
overflow-y: auto;
background-color: #fff;
border: none;
border-radius: 2px;
box-shadow: none;
z-index: 899;
}
.search-tag-container .search-tag-select dl dd,
.search-tag-container .search-tag-select dl dt {
padding: 0 10px;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-tag-container .search-tag-select dl dt {
background-color: #f5f5f5;
font-size: 12px;
color: #009688;
}
.search-tag-container .search-tag-select dl dd {
cursor: pointer;
background-color: #fafafa;
}
.search-tag-container .search-tag-selected dl {
display: block;
}
/*# sourceMappingURL=searchInput.css.map */
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/rutine/searchInput.git
git@gitee.com:rutine/searchInput.git
rutine
searchInput
searchInput
main

搜索帮助

0d507c66 1850385 C8b1a773 1850385