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

当关注HTML文本框时，如何取消其模糊效果

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

---

您必须在焦点上的输入元素上使用CSS来消除您所说的“模糊”效果。以这个JSFIDLE为例

HTML:

试试看

.onfocus{背景色：#33ccff；颜色：#AD8C08；边框：1px实心#ffffff；}
.onfocus:focus{background:none；}

---

什么是“模糊”效果？你说的是在某些浏览器中聚焦的文本框周围的颜色吗？是的，文本框周围的颜色。它提供了集中的外观。如何使用它作为内联css？不幸的是，你不能。请参阅此堆栈溢出帖子：

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

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

#noeffect:focus
{
    outline: none;
}