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);
}
如果需要其他发光颜色,只需要改动里面的代码里面颜色代码即可。