我想为我的表单创建一些像样的输入,我真的很想知道TWITTER是如何在它们的输入周围发光的边界的。
示例/ Twitter边框的图片:
我也不太知道如何创建圆角。
发布于 2011-04-15 07:33:57
使用普通的蓝色border
、中等的border-radius
和位置为0 0
的蓝色box-shadow
。
发布于 2011-04-15 07:35:50
SLaks一针见血,但是您可能希望检查一下CSS3中输入的变化。圆角和方框阴影都是CSS3的新功能,可以让你做你想做的事情。我个人最喜欢的CSS3/HTML5链接之一是http://diveintohtml5.ep.io/。
发布于 2012-02-19 16:04:42
我结合了前面的两个答案(jsfiddle)。
input {
/* round the corners */
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
input:focus {
outline:none;
border: 1px solid #4195fc;
/* create a BIG glow */
box-shadow: 0px 0px 14px #4195fc;
-moz-box-shadow: 0px 0px 14px #4195fc;
-webkit-box-shadow: 0px 0px 14px #4195fc;
}
https://stackoverflow.com/questions/5670879
复制相似问题