如何创建投影？

Question

我想在输入字段中添加投影，我尝试了这段代码

.inp_text{
background: url(../images/inp_back.png) no-repeat;
border: none;
color: #393939;
height: 34px;
padding: 6px 6px 6px 6px;
width: 156px;
}

.inp_text:focus{
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 255, 1);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
border: 1px solid rgba(0, 0, 255, 0.8);
}

这在firefox中工作得很好但是，我没有在其他浏览器中获得蓝光（IE＆amp; chrome）。请帮忙。

Answer 1

在outline:none;中使用.inp_text，您会找到所需的结果。

.inp_text{
    background: url(../images/inp_back.png) no-repeat;
    border: none;
    color: #393939;
    height: 34px;
    padding: 6px 6px 6px 6px;
    width: 156px;
    outline:none;
}