update

TerryZ · Aug 13, 2017 · 4b6cc5f · 4b6cc5f
1 parent 592205f
commit 4b6cc5f
Show file tree

Hide file tree

Showing 5 changed files with 543 additions and 612 deletions.
diff --git a/b.selectpage.js b/b.selectpage.js
diff --git a/selectpage.bootstrap3.css b/selectpage.bootstrap3.css
@@ -27,15 +27,15 @@
 
 
 	font-size: 14px;
-	height: 20px;
-	line-height: 20px;
-	min-height: 20px;
+	height: 34px;
+	line-height: 34px;
+	min-height: 34px;
 	padding: 4px 6px;
 	vertical-align: middle;
 	display: block;
-	box-sizing: content-box;
-	/* width: 100%; */
+	width: 100%;
 	outline: none;
+	box-sizing: border-box;
 }
 
 
@@ -51,36 +51,15 @@
  */
 div.sp_button {
 	display: inline-block;
-	border: 1px solid #79b;
 	border-bottom-right-radius: 0px;
 	border-top-right-radius: 0px;
 	cursor: pointer;
 	text-align: center;
-	/*   
-	width: 32px;
-	height: 32px;
-	*/
 	box-sizing: border-box;
 
     border: 0px;
-    border-left: 0px;
-    width: 24px;
-    height: 29px;
-    /* right: 24px; */
-    padding: 0px;
-    vertical-align: middle;
-    line-height: 100%;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-}
-div.sp_button {
-    /* border: 1px solid #CCCCCC; */
-    border: 0px;
-    border-left: 0px;
     width: 24px;
-    height: 28px;
-    /* right: 24px; */
+    height: 100%;
     padding: 0px;
     vertical-align: middle;
     line-height: 100%;
@@ -93,14 +72,6 @@ div.sp_button {
   border-bottom-right-radius: 0 !important;
 }
 
-.sp_button > img {
-  top: 6px;
-  left: 8px;
-  height: 16px;
-  position: absolute;
-  width: 16px;
-}
-
 .sp_btn_out {
   background: #bde;
   background-image: linear-gradient(to bottom, #eeffff, #99aabb);
@@ -110,13 +81,6 @@ div.sp_button {
   background: #dee;
   background-image: linear-gradient(to bottom, #ffffff, #bbbbcc);
 }
-.sp_message_box {
-	height: 30px !important;
-	line-height: 30px !important;
-	text-align: center !important;
-	box-sizing: content-box;
-	font-size: 14px !important;
-}
 
 /**
  * Results
@@ -159,6 +123,14 @@ div.sp_button {
 	color: black;
 	cursor : pointer;
 }
+.sp_results > li.sp_message_box {
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+	box-sizing: content-box;
+	font-size: 14px;
+	cursor: default;
+}
 /*odd奇数行，even偶数行*/
 .sp_results > li:nth-child(even){
 	/* background-color: #EEEEEE; */
@@ -221,9 +193,9 @@ input.sp_combo_input{
 	background-color: transparent;
 	max-width: 100%;
 	padding: 0px;
-	height: 30px !important;
-	line-height: 30px !important;
-	min-height: 30px !important;
+	height: 34px !important;
+	line-height: 34px !important;
+	min-height: 34px !important;
 }
 input.sp_combo_input:focus {
 	box-shadow: none;
@@ -264,20 +236,20 @@ ul.sp_element_box li.selected_tag {
 	cursor: pointer;
 	max-width: 100%;
 	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-	height: 20px;
-	line-height: 20px;
+	height: 24px;
+	line-height: 24px;
 }
 ul.sp_element_box li.input_box {
 	padding: 0px;
 	/* margin: 0px; */
 	margin-top: 0px;
-	height: 22px;
-	min-height: 22px;
+	height: 26px;
+	min-height: 26px;
 }
 ul.sp_element_box li.input_box input {
-	height: 22px !important;
-	line-height: 22px !important;
-	min-height: 22px !important;
+	height: 26px !important;
+	line-height: 26px !important;
+	min-height: 26px !important;
 }
 ul.sp_element_box li.selected_tag span.tag_close {
 	cursor: pointer;

diff --git a/selectpage.css b/selectpage.css
@@ -47,36 +47,15 @@
  */
 div.sp_button {
 	display: inline-block;
-	border: 1px solid #79b;
 	border-bottom-right-radius: 0px;
 	border-top-right-radius: 0px;
 	cursor: pointer;
 	text-align: center;
-	/*   
-	width: 32px;
-	height: 32px;
-	*/
 	box-sizing: border-box;
 
     border: 0px;
-    border-left: 0px;
     width: 24px;
-    height: 29px;
-    /* right: 24px; */
-    padding: 0px;
-    vertical-align: middle;
-    line-height: 100%;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-}
-div.sp_button {
-    /* border: 1px solid #CCCCCC; */
-    border: 0px;
-    border-left: 0px;
-    width: 24px;
-    height: 28px;
-    /* right: 24px; */
+    height: 100%;
     padding: 0px;
     vertical-align: middle;
     line-height: 100%;
@@ -86,15 +65,7 @@ div.sp_button {
 }
 
 .sp_container_open > .sp_button {
-  border-bottom-right-radius: 0 !important;
-}
-
-.sp_button > img {
-  top: 6px;
-  left: 8px;
-  height: 16px;
-  position: absolute;
-  width: 16px;
+	border-bottom-right-radius: 0 !important;
 }
 
 .sp_btn_out {
@@ -106,13 +77,7 @@ div.sp_button {
   background: #dee;
   background-image: linear-gradient(to bottom, #ffffff, #bbbbcc);
 }
-.sp_message_box {
-	height: 30px !important;
-	line-height: 30px !important;
-	text-align: center !important;
-	box-sizing: content-box;
-	font-size: 14px !important;
-}
+
 /**
  * Results
  */
@@ -154,6 +119,14 @@ div.sp_button {
 	color: black;
 	cursor : pointer;
 }
+.sp_results > li.sp_message_box {
+	height: 30px;
+	line-height: 30px;
+	text-align: center;
+	box-sizing: content-box;
+	font-size: 14px;
+	cursor: default;
+}
 /*odd奇数行，even偶数行*/
 .sp_results > li:nth-child(even){
 	/* background-color: #EEEEEE; */