html - How to create drop shadow? -
i want add drop shadow input fields, tried code
.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); }
this working fine in firefox but, not getting blue glow in other browsers(ie & chrome). please help.
use outline:none;
in .inp_text
find desire result.
.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; }
Comments
Post a Comment