如何取消Html文本框的模糊效果？

Question

如何在关注HTML文本框时取消HTML文本框的模糊效果？

<input type='text'   style="background-color:#33ccff; color:#AD8C08; border:1px solid  #ffffff; "></input>

Answer 1

你必须在焦点上的输入元素上使用CSS来消除那个＆＃34;模糊＆＃34;你正在谈论的效果。看一下这个JSFiddle的例子。

http://jsfiddle.net/qfr8eng1/1/

HTML：

<input type="text" id="noeffect" value="look at me!"/>

CSS：

#noeffect
{
    background-color: #33ccff;
    color: #AD8C08;
    border: 1px solid #ffffff;
}

#noeffect:focus
{
    outline: none;
}

Answer 2

试试看......

＆＃13;

＆＃13;

.onfocus { background-color:#33ccff; color:#AD8C08; border:1px solid #ffffff; }
.onfocus:focus { background:none; }

＆＃13;

<input type='text' class="onfocus"></input>

＆＃13;

＆＃13;

＆＃13;