input选中发光效果

有时我们需要让input选中时,有个类似发光的效果,如下图所示

  

其实,这种效果很好实现,代码如下:

  input:focus{
    border-color: #ff962d !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,150,43,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,150,43,.6);
  }

如果需要其他发光颜色,只需要改动里面的代码里面颜色代码即可。

posted @ 2018-07-30 10:36  绿叶葱花  阅读(444)  评论(0编辑  收藏  举报