修改首页登录框样式

master
fengfei 8 years ago
parent 8c69fb189a
commit d3bba2ebde
  1. 16
      proxy-server/webpages/index.html

@ -85,13 +85,13 @@ body :-ms-input-placeholder {
font-weight: 200; font-weight: 200;
} }
form { .form {
padding: 20px 0; padding: 20px 0;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
form input { .form input {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
@ -111,17 +111,17 @@ form input {
font-weight: 300; font-weight: 300;
} }
form input:hover { .form input:hover {
background-color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.4);
} }
form input:focus { .form input:focus {
background-color: white; background-color: white;
width: 300px; width: 300px;
color: #53e3a6; color: #53e3a6;
} }
form button { .form button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
@ -138,7 +138,7 @@ form button {
transition-duration: 0.25s; transition-duration: 0.25s;
} }
form button:hover { .form button:hover {
background-color: #f5f7f9; background-color: #f5f7f9;
} }
</style> </style>
@ -149,11 +149,11 @@ form button:hover {
<div class="container"> <div class="container">
<h1>LanProxy</h1> <h1>LanProxy</h1>
<form class="form"> <div class="form">
<input type="text" class="username" placeholder="用户名"> <input type="text" class="username" placeholder="用户名">
<input type="password" class="password" placeholder="密码"> <input type="password" class="password" placeholder="密码">
<button type="submit" id="login-button">登录</button> <button type="submit" id="login-button">登录</button>
</form> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save