搜索方式更改

2022-09-14 10:41:54 +08:00 · 2022-09-14 10:41:54 +08:00 · 8fae6238f8
parent 02be11d072
commit 8fae6238f8
2 changed files with 8 additions and 1 deletions
--- a/css/style.css
+++ b/css/style.css
@ -292,12 +292,17 @@
 .search-input {
 	width: calc(100% - .6rem);
 	line-height: .8rem;
+	-webkit-appearance: none;
 }

 .search-input::-webkit-input-placeholder {
 	color: #868686;
 }

+.search-input::-webkit-search-cancel-button{
+    -webkit-appearance: none;
+}
+
 .search img {
 	width: .4rem;
 	height: .4rem;
--- a/user/business.html
+++ b/user/business.html
@ -18,7 +18,9 @@
 	<body class="business-body">
 		<!-- 商户搜索 -->
 		<div class="search radius25 border-box flex">
-			<input class="search-input font24" type="text" placeholder="商户搜索">
+			<form action="">
+				<input class="search-input font24" type="search" placeholder="商户搜索" autocomplete="off">
+			</form>
 			<img src="../images/icon/icon-search.png" alt="搜索">
 		</div>
 		<!-- 商户列表 -->