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

Question

如何取消HTML文本框焦点模糊效果？

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

Answer 1

您必须在焦点上的输入元素上使用 CSS 来消除您所说的“模糊”效果。以这个 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;
}