我想为我的表单创建一些像样的输入,并且我真的很想知道 TWITTER 如何在输入周围制作发光边框。
Twitter 边框示例/图片:
我也不太知道如何创建圆角。
干得好:
.glowing-border {
border: 2px solid #dadada;
border-radius: 7px;
}
.glowing-border:focus {
outline: none;
border-color: #9ecaed;
box-shadow: 0 0 10px #9ecaed;
}
现场演示: http://jsfiddle.net/simvidas/CXUpm/1/show/ http://jsfiddle.net/simevidas/CXUpm/1/show/
(要查看演示的代码,请从 URL 中删除“show/”)
label {
display:block;
margin:20px;
width:420px;
overflow:auto;
font-family:sans-serif;
font-size:20px;
color:#444;
text-shadow:0 0 2px #ddd;
padding:20px 10px 10px 0;
}
input {
float:right;
width:200px;
border:2px solid #dadada;
border-radius:7px;
font-size:20px;
padding:5px;
margin-top:-10px;
}
input:focus {
outline:none;
border-color:#9ecaed;
box-shadow:0 0 10px #9ecaed;
}
<label> Aktuelles Passwort: <input type="password"> </label>
<label> Neues Passwort: <input type="password"> </label>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)