MCBBS Wiki欢迎您共同参与编辑！在参与编辑之前请先阅读Wiki方针。

如果在编辑的过程中遇到了什么问题，可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户，请尽快绑定/验证。

MCBBS Wiki GitHub群组已上线！

您可以在回声洞中发表吐槽！

服务器状态监控。点击进入

本站由MCBBS用户自行搭建，与MCBBS及东银河系漫游指南（北京）科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

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

来自MCBBS Wiki
跳到导航 跳到搜索
小 （// Edit via Wikiplus）
小无编辑摘要
 
第1行： 第1行：
.vector-search-box-input {
.vector-search-box-input {
color: #000000;
color: #000;
height: 2.45384615em;
height: 2.45em;
border: 2px solid #a2a9b1;
⚫
box-sizing: border-box;
border: 2px solid #a2a9b1;
border-radius: 4px;
⚫
background-color: #fdf6e6;
border-radius: 4px;
box-shadow: inset 0 0 0 1px transparent;
padding: 0 0 0 6px;
⚫
box-sizing: border-box;
font-size: 0.8125em;
font-size: 0.8125rem;
direction: ltr;
⚫
width: 60%;
transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
⚫
transition: all 0.4s ease-in-out;
⚫
width: 60%;
⚫
background-color: #fdf6e6;
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 0 0 0 6px;
⚫
transition: all 0.4s ease-in-out;
}
}


.vector-search-box-input:focus {
.vector-search-box-input:focus {
width: 100%;
width: 100%;
}
}


.searchButton {
.searchButton {
position: absolute;
position: absolute;
bottom: 1px;
bottom: 1px;
right: 40%;
right: 40%;
min-width: 28px;
min-width: 28px;
width: 2.45384615em;
width: 2.45em;
⚫
text-indent: -99999px;
border: none;
⚫
white-space: nowrap;
padding: 0;
⚫
overflow: hidden;
cursor: pointer;
cursor: pointer;
font-size: 0.8125em;
⚫
z-index: 1;
direction: ltr;
⚫
transition: all 0.4s ease-in-out;
⚫
text-indent: -99999px;
⚫
white-space: nowrap;
⚫
overflow: hidden;
⚫
z-index: 1;
⚫
transition: all 0.4s ease-in-out;
}
}


.vector-search-box-input:focus~.searchButton {
.vector-search-box-input:focus~.searchButton {
right: 0;
right: 0;
}
}

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;
}
取自“https://mcbbs.wiki/index.php?title=用户:CrablePotion/CSS/动态搜索栏.css&oldid=48519”