html - 如何创建阴影？

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 和 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;
}