MCBBS Wiki

用户:CrablePotion/CSS/动态搜索栏.css：修订间差异

用户页 讨论

用户:CrablePotion/CSS/动态搜索栏.css (查看源代码)

2023年5月9日 (二) 21:28的版本

删除514字节 、​ 2023年5月9日 (星期二)
小
无编辑摘要
小无编辑摘要
小无编辑摘要
 
（未显示同一用户的6个中间版本）
{{CSS|1=<nowiki>
.vector-search-box-input {
color: #000000000;
height: 2.45384615em45em;
border: 2px solid #a2a9b1;
box-sizing: border-box;▼
border-radius: 2px solid #a2a9b14px;
background-color: #fdf6e6;▼
border-radius: 4px;
box-shadow padding: inset 0 0 0 1px transparent6px;
▲ box-sizing: border-box;
font-size: 0.8125em8125rem;
direction: ltr;
width: 60%;▼
transition-property: border-color,box-shadow;
transition: all 0.4s ease-in-out;▼
transition-duration: 250ms;
▲ width: 60%;
▲ background-color: #fdf6e6;
background-position: 10px 10px;
background-repeat: no-repeat;
-webkit-transition: all 0.4s ease-in-out;
▲ transition: all 0.4s ease-in-out;
padding: 0 0 0 6px
}
 
.vector-search-box-input:focus {
width: 100%;
}
 
.searchButton {
position: absolute;▼
background-color: transparent;
bottom: 1px;▼
▲ position: absolute;
right: 40%;▼
▲ bottom: 1px;
min-width: 28px;
▲ right: 40%;
min- width: 28px2.45em;
text-indent: -99999px;▼
width: 2.45384615em;
white-space: nowrap;▼
border: 0;
overflow: hidden;▼
padding: 0;
cursor: pointer;
z-index: 1;▼
font-size: 0.8125em;
transition: all 0.4s ease-in-out;▼
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%;▼
position: absolute;
▲ right: -0%;
}
</nowiki>}}
CrablePotion
934

个编辑

取自“https://mcbbs.wiki/wiki/特殊:移动版差异/44987...48519”