HTML:在线登录表单图像不显示完整
form {
padding-top: 5px;
text-align: right;
margin-bottom: 15px;
}
form img {
width: 75px;
height: 25px;
margin-left: -5px;
}
form input {
padding: 12px 17px;
border: 0px solid #fff;
background: rgba(0, 0, 0, 0.2);
border-radius: 15px;
width: 155px;
color: #fff;
}
form button,
#btnDaftar,
#btnLivechat {
display: inline-block; background: url(http://jawapoker88.com/img/images/login.png) top left no-repeat; width: 110px; height: 25px; border: none; cursor: pointer;}
#btnDaftar {
background-image: url(http://jawapoker88.com/img/images/daftar.png)
}
form input::-webkit-input-placeholder {
color: #fff;
}
form input:-moz-placeholder {
color: #fff
}
form input::-moz-placeholder {
color: #fff
}
form input:-ms-input-placeholder {
color: #fff;
}
<div class="wrapper">
<form method="post" action="#">
<input type="text" name="username" placeholder="Username" class="SITELOGIN" method="username" />
<input type="password" name="password" placeholder="Password" class="SITELOGIN" method="password" />
<button type="submit" class="SITELOGIN" method="login"></button>
<a href="#" id="btnDaftar" class="SITELOGIN" method="register"></a>
</form>
</div>
CSS
问:如何显示登录按钮和daftar按钮的全图像?
这里是什么样子的时刻:
你能解释一下为什么你回滚编辑我做了?我的编辑使问题更容易阅读,并且更容易回答(因为片段)。我只想知道你不喜欢编辑的内容,以及删除它的原因。 –
即时通讯对不起,只是想编辑高度,从25到31px,即时通讯新的在这里先生,如何使用代码剪断? – wantywantype
片段允许用户轻松运行/测试您的代码,并提供基本的代码编辑器。要编辑一个片段,你可以简单地编辑答案中的代码,或者去预览,然后点击“编辑这段代码” –