Browse Source

修改下拉框样式

wangcz 8 years ago
parent
commit
bbe65c8645
1 changed files with 34 additions and 6 deletions
  1. 34 6
      src/main/webapp/resources/view/common/bankInfoModal.html

+ 34 - 6
src/main/webapp/resources/view/common/bankInfoModal.html

@@ -17,6 +17,29 @@
 		opacity: 1;
 		width: 241px;
 		border-radius: 0;
+		position:relative;
+	}
+	.divinline .select-down{
+		float:left;
+		opacity: 1;
+		width: 241px;
+		border-radius: 3px;
+		border:1px solid #5078cb;
+		position:absolute;
+		background: #fff;
+		top:50px;
+		z-index:1000;
+	}
+	.divinline .select-down li{
+		opacity: 1;
+		width: 241px;
+		padding-left:5px;
+		line-height: 34px;
+		border-bottom:1px solid #5078cb
+	}
+	.divinline .select-down li:hover{
+		background: #5078cb;
+		cursor:pointer;
 	}
 	.modal-content {
 		width: 482px;
@@ -50,12 +73,17 @@
 			<div class="form-group">
 		    	<label class="margin15"><b class="text-inverse">*&nbsp;</b>开户银行</label>
 		    	<div class="divinline">
-					<select class="form-control select-adder">
-						<option>请选择开户银行</option>
-						<option value="1">1</option>
-						<option value="2">2</option>
-					</select>
-		    		<!--<input name="bankname" ng-model="account.bankname" type="text" class="form-control" placeholder="例如:中国工商银行侨香支行" required>-->
+					<!--<select class="form-control select-adder">-->
+						<!--<option>请选择开户银行</option>-->
+						<!--<option value="1">1</option>-->
+						<!--<option value="2">2</option>-->
+					<!--</select>-->
+		    		<input name="bankname" ng-model="account.bankname" type="text" class="form-control select-adder" placeholder="请选择开户银行" required>
+					<ul class="select-down">
+						<li>1</li>
+						<li>1</li>
+						<li>1</li>
+					</ul>
 		  		</div>
 				<span class="warn-message">请填写正确的开户银行</span>
 		  	</div>