样式更新
This commit is contained in:
parent
f6fd6f22a2
commit
a7bebef92b
@ -1,18 +1,44 @@
|
|||||||
form {
|
body {
|
||||||
text-align: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* select {
|
|
||||||
width: 150px;
|
|
||||||
} */
|
|
||||||
|
|
||||||
select {
|
select {
|
||||||
background: #fafdfe;
|
/* background: #fafdfe; */
|
||||||
|
background: transparent;
|
||||||
height: 28px;
|
height: 28px;
|
||||||
width: 180px;
|
width: 180px;
|
||||||
line-height: 28px;
|
line-height: 28px;
|
||||||
border: 1px solid #9bc0dd;
|
border: 1px solid #9bc0dd;
|
||||||
-moz-border-radius: 2px;
|
-moz-border-radius: 2px;
|
||||||
-webkit-border-radius: 2px;
|
-webkit-border-radius: 2px;
|
||||||
border-radius: 2px;
|
border-radius: 50px;
|
||||||
|
border-color: #54b5a6;
|
||||||
|
outline-color: #ebadb6;
|
||||||
|
/* color: rgb(2, 60, 29); */
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
width: 180px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
width: 250px;
|
||||||
|
height: 254px;
|
||||||
|
background: linear-gradient(135deg, #ebadb6 0%, #aceae1 100%);
|
||||||
|
border-radius: 7px;
|
||||||
|
box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
@ -12,19 +12,27 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="select">
|
<div>
|
||||||
<form>
|
|
||||||
省份:
|
<div class="card">
|
||||||
<select name="province" id="province">
|
|
||||||
<option value="0">--请选择--</option>
|
<form class="form">
|
||||||
</select> 城市:
|
<span><b>省 份:</b></span>
|
||||||
<select name="city" id="city">
|
<select name="province" id="province">
|
||||||
<option value="0">--请选择--</option>
|
<option value="0">--请选择--</option>
|
||||||
</select> 地区:
|
</select>
|
||||||
<select name="area" id="area">
|
<span><b>城 市:</b></span>
|
||||||
<option value="0">--请选择--</option>
|
<select name="city" id="city">
|
||||||
</select>
|
<option value="0">--请选择--</option>
|
||||||
</form>
|
</select>
|
||||||
|
<span><b>地 区:</b></span>
|
||||||
|
<select name="area" id="area">
|
||||||
|
<option value="0">--请选择--</option>
|
||||||
|
</select>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
@ -41,7 +49,7 @@
|
|||||||
getArea(CityID);
|
getArea(CityID);
|
||||||
|
|
||||||
});
|
});
|
||||||
// 选项节点获取code --City Code
|
// 选项节点获取code --City Code
|
||||||
$("#city").change(function () {
|
$("#city").change(function () {
|
||||||
CityID = $("#city").val();
|
CityID = $("#city").val();
|
||||||
// console.log(CityID);
|
// console.log(CityID);
|
||||||
|
Loading…
Reference in New Issue
Block a user