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

←上一编辑

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

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

删除375字节、 2023年5月9日 (星期二)

小

无编辑摘要

CrablePotion

934

个编辑

@@ 第1行： / 第1行： @@
 .vector-search-box-input {
-    color: #000000;
+	color: #000;
-    height: 2.45384615em;
+	height: 2.45em;
-    box-sizing: border-box;
+	border: 2px solid #a2a9b1;
-    border: 2px solid #a2a9b1;
+	border-radius: 4px;
-    border-radius: 4px;
+	background-color: #fdf6e6;
-    box-shadow: inset 0 0 0 1px transparent;
+	padding: 0 0 0 6px;
-    font-size: 0.8125em;
+	box-sizing: border-box;
-    direction: ltr;
+	font-size: 0.8125rem;
-    transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
+	width: 60%;
-    width: 60%;
+	transition: all 0.4s ease-in-out;
-    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 {
-    width: 100%;
+	width: 100%;
 }
 .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;
-    border: none;
+	text-indent: -99999px;
-    padding: 0;
+	white-space: nowrap;
-    cursor: pointer;
+	overflow: hidden;
-    font-size: 0.8125em;
+	cursor: pointer;
-    direction: ltr;
+	z-index: 1;
-    text-indent: -99999px;
+	transition: all 0.4s ease-in-out;
-    white-space: nowrap;
-    overflow: hidden;
-    z-index: 1;
-    transition: all 0.4s ease-in-out;
 }
 .vector-search-box-input:focus~.searchButton {
-    right: 0;
+	right: 0;
 }