From fde8e53191e805ac0b414097ee96b1a8bac0dca0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=AB=E8=B0=B7=E5=89=91=E4=BB=99?= <mapaler@163.com>
Date: Thu, 22 Oct 2020 18:24:41 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E8=B0=83=E6=95=B4=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=E7=9A=84=E6=98=BE=E7=A4=BA=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 multi.html              | 28 ++++++++++++++--------------
 solo.html               | 28 ++++++++++++++--------------
 style-monsterimages.css | 25 ++++++++++++++-----------
 style.css               |  2 +-
 triple.html             | 28 ++++++++++++++--------------
 5 files changed, 57 insertions(+), 54 deletions(-)

diff --git a/multi.html b/multi.html
index 22120e2b..22fd035a 100644
--- a/multi.html
+++ b/multi.html
@@ -451,22 +451,22 @@ var formation = new Formation(teamsCount,5);
 		<div class="search-box display-none">
 			<div class="attrs-div"><!--属性-->
 				<ul class="attr-list attr-list-1">
-					<li><input type="radio" name="attr-1" class="attr-radio" value="all" id="search-attr-1-any" checked/><label class="attr" data-attr-icon="any" for="search-attr-1-any"><!--任意--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="0" id="search-attr-1-0" /><label class="attr" data-attr-icon="0" for="search-attr-1-0"><!--火--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="1" id="search-attr-1-1" /><label class="attr" data-attr-icon="1" for="search-attr-1-1"><!--水--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="2" id="search-attr-1-2" /><label class="attr" data-attr-icon="2" for="search-attr-1-2"><!--木--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="3" id="search-attr-1-3" /><label class="attr" data-attr-icon="3" for="search-attr-1-3"><!--光--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="4" id="search-attr-1-4" /><label class="attr" data-attr-icon="4" for="search-attr-1-4"><!--暗--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="6" id="search-attr-1-6" /><label class="attr" data-attr-icon="6" for="search-attr-1-6"><!--无主属性--></label></li>
+					<li><input type="radio" name="attr-1" class="attr-radio" value="all" id="search-attr-1-any" checked/><label for="search-attr-1-any"><span class="attr" data-attr-icon="any"></span></label></li><!--任意-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无主属性-->
 				</ul>
 				<ul class="attr-list attr-list-2">
-					<li><input type="radio" name="attr-2" class="attr-radio" value="all" id="search-attr-2-any" checked/><label class="attr" data-attr-icon="any" for="search-attr-2-any"><!--任意--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="0" id="search-attr-2-0" /><label class="attr" data-attr-icon="0" for="search-attr-2-0"><!--火--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="1" id="search-attr-2-1" /><label class="attr" data-attr-icon="1" for="search-attr-2-1"><!--水--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="2" id="search-attr-2-2" /><label class="attr" data-attr-icon="2" for="search-attr-2-2"><!--木--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="3" id="search-attr-2-3" /><label class="attr" data-attr-icon="3" for="search-attr-2-3"><!--光--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="4" id="search-attr-2-4" /><label class="attr" data-attr-icon="4" for="search-attr-2-4"><!--暗--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="-1" id="search-attr-2-none" /><label class="attr" data-attr-icon="-1" for="search-attr-2-none"><!--无--></label></li>
+					<li><input type="radio" name="attr-2" class="attr-radio" value="all" id="search-attr-2-any" checked/><label for="search-attr-2-any"><span class="attr" data-attr-icon="any"></span></label></li><!--任意-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="-1" id="search-attr-2-none" /><label for="search-attr-2-none"><span class="attr" data-attr-icon="-1"></span></label></li><!--无-->
 				</ul>
 				<input type="checkbox" class="config-checkbox-ipt" name="fix-main-color" id="fix-main-color" checked><label class="config-checkbox-lbl fix-main-color-label" for="fix-main-color"><div class="config-checkbox-lbl-cicle"></div></label>
 			</div>
diff --git a/solo.html b/solo.html
index 1358cea6..295de751 100644
--- a/solo.html
+++ b/solo.html
@@ -401,22 +401,22 @@ var formation = new Formation(teamsCount,6);
 		<div class="search-box display-none">
 			<div class="attrs-div"><!--属性-->
 				<ul class="attr-list attr-list-1">
-					<li><input type="radio" name="attr-1" class="attr-radio" value="all" id="search-attr-1-any" checked/><label class="attr" data-attr-icon="any" for="search-attr-1-any"><!--任意--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="0" id="search-attr-1-0" /><label class="attr" data-attr-icon="0" for="search-attr-1-0"><!--火--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="1" id="search-attr-1-1" /><label class="attr" data-attr-icon="1" for="search-attr-1-1"><!--水--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="2" id="search-attr-1-2" /><label class="attr" data-attr-icon="2" for="search-attr-1-2"><!--木--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="3" id="search-attr-1-3" /><label class="attr" data-attr-icon="3" for="search-attr-1-3"><!--光--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="4" id="search-attr-1-4" /><label class="attr" data-attr-icon="4" for="search-attr-1-4"><!--暗--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="6" id="search-attr-1-6" /><label class="attr" data-attr-icon="6" for="search-attr-1-6"><!--无主属性--></label></li>
+					<li><input type="radio" name="attr-1" class="attr-radio" value="all" id="search-attr-1-any" checked/><label for="search-attr-1-any"><span class="attr" data-attr-icon="any"></span></label></li><!--任意-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无主属性-->
 				</ul>
 				<ul class="attr-list attr-list-2">
-					<li><input type="radio" name="attr-2" class="attr-radio" value="all" id="search-attr-2-any" checked/><label class="attr" data-attr-icon="any" for="search-attr-2-any"><!--任意--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="0" id="search-attr-2-0" /><label class="attr" data-attr-icon="0" for="search-attr-2-0"><!--火--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="1" id="search-attr-2-1" /><label class="attr" data-attr-icon="1" for="search-attr-2-1"><!--水--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="2" id="search-attr-2-2" /><label class="attr" data-attr-icon="2" for="search-attr-2-2"><!--木--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="3" id="search-attr-2-3" /><label class="attr" data-attr-icon="3" for="search-attr-2-3"><!--光--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="4" id="search-attr-2-4" /><label class="attr" data-attr-icon="4" for="search-attr-2-4"><!--暗--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="-1" id="search-attr-2-none" /><label class="attr" data-attr-icon="-1" for="search-attr-2-none"><!--无--></label></li>
+					<li><input type="radio" name="attr-2" class="attr-radio" value="all" id="search-attr-2-any" checked/><label for="search-attr-2-any"><span class="attr" data-attr-icon="any"></span></label></li><!--任意-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="-1" id="search-attr-2-none" /><label for="search-attr-2-none"><span class="attr" data-attr-icon="-1"></span></label></li><!--无-->
 				</ul>
 				<input type="checkbox" class="config-checkbox-ipt" name="fix-main-color" id="fix-main-color" checked><label class="config-checkbox-lbl fix-main-color-label" for="fix-main-color"><div class="config-checkbox-lbl-cicle"></div></label>
 			</div>
diff --git a/style-monsterimages.css b/style-monsterimages.css
index 379bc5f0..fd85c207 100644
--- a/style-monsterimages.css
+++ b/style-monsterimages.css
@@ -903,10 +903,9 @@
 	background-position-y:calc(-30px * 17);
 }
 
-/*搜索框中用到的属性图片*/
-.attr::before
+/*属性图片*/
+.attr
 {
-	content:"";
 	display: inline-block;
 	width: 32px;
 	height: 32px;
@@ -914,36 +913,40 @@
 	background-position-y:calc(32px);
 	background-repeat: no-repeat;
 }
-.attr[data-attr-icon='any']::before
+.attr[data-attr-icon='any']
 {
 	background-position-x: -32px;
 	background-position-y:calc(-32px * 0);
 }
-.attr[data-attr-icon='0']::before
+.attr[data-attr-icon='-1']
+{
+	width: auto;
+}
+.attr[data-attr-icon='0']
 {
 	background-position-y:calc(-32px * 0);
 }
-.attr[data-attr-icon='1']::before
+.attr[data-attr-icon='1']
 {
 	background-position-y:calc(-32px * 1);
 }
-.attr[data-attr-icon='2']::before
+.attr[data-attr-icon='2']
 {
 	background-position-y:calc(-32px * 2);
 }
-.attr[data-attr-icon='3']::before
+.attr[data-attr-icon='3']
 {
 	background-position-y:calc(-32px * 3);
 }
-.attr[data-attr-icon='4']::before
+.attr[data-attr-icon='4']
 {
 	background-position-y:calc(-32px * 4);
 }
-.attr[data-attr-icon='5']::before
+.attr[data-attr-icon='5']
 {
 	background-position-y:calc(-32px * 5);
 }
-.attr[data-attr-icon='6']::before
+.attr[data-attr-icon='6']
 {
 	background-position-y:calc(-32px * 6);
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index 5cc77733..ca499f05 100644
--- a/style.css
+++ b/style.css
@@ -973,7 +973,7 @@ ul{
 .attrs-div .attr-list>li:last-of-type{
 	border-radius: 0 8px 8px 0;
 }
-.attrs-div .attr-list .attr
+.attrs-div .attr-list>li>label
 {
 	width: 55px;
 	height: 32px;
diff --git a/triple.html b/triple.html
index e3e176c1..e0637339 100644
--- a/triple.html
+++ b/triple.html
@@ -1096,22 +1096,22 @@ var formation = new Formation(teamsCount,6);
 		<div class="search-box display-none">
 			<div class="attrs-div"><!--属性-->
 				<ul class="attr-list attr-list-1">
-					<li><input type="radio" name="attr-1" class="attr-radio" value="all" id="search-attr-1-any" checked/><label class="attr" data-attr-icon="any" for="search-attr-1-any"><!--任意--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="0" id="search-attr-1-0" /><label class="attr" data-attr-icon="0" for="search-attr-1-0"><!--火--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="1" id="search-attr-1-1" /><label class="attr" data-attr-icon="1" for="search-attr-1-1"><!--水--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="2" id="search-attr-1-2" /><label class="attr" data-attr-icon="2" for="search-attr-1-2"><!--木--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="3" id="search-attr-1-3" /><label class="attr" data-attr-icon="3" for="search-attr-1-3"><!--光--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="4" id="search-attr-1-4" /><label class="attr" data-attr-icon="4" for="search-attr-1-4"><!--暗--></label></li>
-					<li><input type="radio" name="attr-1" class="attr-radio" value="6" id="search-attr-1-6" /><label class="attr" data-attr-icon="6" for="search-attr-1-6"><!--无主属性--></label></li>
+					<li><input type="radio" name="attr-1" class="attr-radio" value="all" id="search-attr-1-any" checked/><label for="search-attr-1-any"><span class="attr" data-attr-icon="any"></span></label></li><!--任意-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="0" id="search-attr-1-0" /><label for="search-attr-1-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="1" id="search-attr-1-1" /><label for="search-attr-1-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="2" id="search-attr-1-2" /><label for="search-attr-1-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="3" id="search-attr-1-3" /><label for="search-attr-1-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="4" id="search-attr-1-4" /><label for="search-attr-1-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
+					<li><input type="radio" name="attr-1" class="attr-radio" value="6" id="search-attr-1-6" /><label for="search-attr-1-6"><span class="attr" data-attr-icon="6"></span></label></li><!--无主属性-->
 				</ul>
 				<ul class="attr-list attr-list-2">
-					<li><input type="radio" name="attr-2" class="attr-radio" value="all" id="search-attr-2-any" checked/><label class="attr" data-attr-icon="any" for="search-attr-2-any"><!--任意--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="0" id="search-attr-2-0" /><label class="attr" data-attr-icon="0" for="search-attr-2-0"><!--火--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="1" id="search-attr-2-1" /><label class="attr" data-attr-icon="1" for="search-attr-2-1"><!--水--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="2" id="search-attr-2-2" /><label class="attr" data-attr-icon="2" for="search-attr-2-2"><!--木--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="3" id="search-attr-2-3" /><label class="attr" data-attr-icon="3" for="search-attr-2-3"><!--光--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="4" id="search-attr-2-4" /><label class="attr" data-attr-icon="4" for="search-attr-2-4"><!--暗--></label></li>
-					<li><input type="radio" name="attr-2" class="attr-radio" value="-1" id="search-attr-2-none" /><label class="attr" data-attr-icon="-1" for="search-attr-2-none"><!--无--></label></li>
+					<li><input type="radio" name="attr-2" class="attr-radio" value="all" id="search-attr-2-any" checked/><label for="search-attr-2-any"><span class="attr" data-attr-icon="any"></span></label></li><!--任意-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="0" id="search-attr-2-0" /><label for="search-attr-2-0"><span class="attr" data-attr-icon="0"></span></label></li><!--火-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="1" id="search-attr-2-1" /><label for="search-attr-2-1"><span class="attr" data-attr-icon="1"></span></label></li><!--水-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="2" id="search-attr-2-2" /><label for="search-attr-2-2"><span class="attr" data-attr-icon="2"></span></label></li><!--木-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="3" id="search-attr-2-3" /><label for="search-attr-2-3"><span class="attr" data-attr-icon="3"></span></label></li><!--光-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="4" id="search-attr-2-4" /><label for="search-attr-2-4"><span class="attr" data-attr-icon="4"></span></label></li><!--暗-->
+					<li><input type="radio" name="attr-2" class="attr-radio" value="-1" id="search-attr-2-none" /><label for="search-attr-2-none"><span class="attr" data-attr-icon="-1"></span></label></li><!--无-->
 				</ul>
 				<input type="checkbox" class="config-checkbox-ipt" name="fix-main-color" id="fix-main-color" checked><label class="config-checkbox-lbl fix-main-color-label" for="fix-main-color"><div class="config-checkbox-lbl-cicle"></div></label>
 			</div>