MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题,可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线!
您可以在回声洞中发表吐槽!
服务器状态监控。点击进入
本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
用户:CrablePotion/CSS/动态搜索栏.css:修订间差异
< 用户:CrablePotion | CSS
CrablePotion(留言 | 贡献) 小 (// Edit via Wikiplus) |
CrablePotion(留言 | 贡献) 小无编辑摘要 |
||
(未显示同一用户的4个中间版本) | |||
第1行: | 第1行: | ||
<includeonly>{{CSS|无预览=1|1=<nowiki> |
|||
.vector-search-box-input { |
.vector-search-box-input { |
||
color: #000; |
|||
height: 2.45em; |
|||
border: 2px solid #a2a9b1; |
|||
⚫ | |||
border-radius: 4px; |
|||
⚫ | |||
border-radius: 4px; |
|||
padding: 0 0 0 6px; |
|||
⚫ | |||
font-size: 0.8125rem; |
|||
direction: ltr; |
|||
⚫ | |||
transition-property: border-color,box-shadow; |
|||
⚫ | |||
transition-duration: 250ms; |
|||
⚫ | |||
⚫ | |||
background-position: 10px 10px; |
|||
background-repeat: no-repeat; |
|||
-webkit-transition: all 0.4s ease-in-out; |
|||
⚫ | |||
padding: 0 0 0 6px |
|||
} |
} |
||
.vector-search-box-input:focus { |
.vector-search-box-input:focus { |
||
width: 100%; |
|||
} |
} |
||
.searchButton { |
.searchButton { |
||
⚫ | |||
background-color: transparent; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
min-width: 28px; |
|||
⚫ | |||
width: 2.45em; |
|||
⚫ | |||
width: 2.45384615em; |
|||
⚫ | |||
border: 0; |
|||
⚫ | |||
padding: 0; |
|||
cursor: pointer; |
|||
⚫ | |||
font-size: 0.8125em; |
|||
⚫ | |||
direction: ltr; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
.vector-search-box-input:focus~.searchButton { |
.vector-search-box-input:focus~.searchButton { |
||
⚫ | |||
position: absolute; |
|||
⚫ | |||
} |
} |
||
</nowiki>}}</includeonly> |
2023年5月9日 (二) 21:28的最新版本
.vector-search-box-input {
color: #000;
height: 2.45em;
border: 2px solid #a2a9b1;
border-radius: 4px;
background-color: #fdf6e6;
padding: 0 0 0 6px;
box-sizing: border-box;
font-size: 0.8125rem;
width: 60%;
transition: all 0.4s ease-in-out;
}
.vector-search-box-input:focus {
width: 100%;
}
.searchButton {
position: absolute;
bottom: 1px;
right: 40%;
min-width: 28px;
width: 2.45em;
text-indent: -99999px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
z-index: 1;
transition: all 0.4s ease-in-out;
}
.vector-search-box-input:focus~.searchButton {
right: 0;
}