首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

新人,虚心求教,如何实现input text点击后周围发光的效果和四个角是圆形

2013-07-09 
新人,虚心求教,怎么实现input text点击后周围发光的效果和四个角是圆形[解决办法]随意套用一个input以下是

新人,虚心求教,怎么实现input text点击后周围发光的效果和四个角是圆形


[解决办法]
随意套用一个input
以下是css:
input {
  display: inline-block;
  width: 210px;
  margin-bottom: 9px;
  line-height: 18px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: thin dotted \9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

热点排行