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