翻译后摘要：许多重视用户体验的设计师希望在鼠标悬停时把重点放在文本框（输入）或风格切换的效果上，非常简单。我们只是需要得到文本框的页面，添加onfocus事件或其他相应的事件。本文介绍如何切换风格时，你的焦点，并在理解原理，实现其他效果很简单。

许多注重用户体验的设计师都希望在鼠标悬停的时候把重点放在文本框（输入）或风格切换的效果上，非常简单。我们只是需要得到文本框的页面，添加onfocus事件或其他相应的事件。本文介绍如何切换风格时，你的焦点，并在理解原理，实现其他效果很简单。
复制代码代码如下所示：
功能focusinput（focusclass，normalclass）{
var elements = document.getelementsbytagname（输入）；
对于（var i = 0；i < elements.length；i++）{
如果（元素{ }，类型！=按钮！=提交元素{！=重置）{
（如果元素为类型，则为文本）{
元素{我}，onfocus =功能（）{ this.classname = focusclass；}；
元素{我}。onblur =功能（）{ this.classname = normalclass | |；}；
}
}
}

在window.onload =函数（）{
FocusInput（'focusinput '，'normalinput）；
}

复制代码代码如下所示：

。normalinput { border: 1px solid # CCC；}
。focusinput { border: 1px solid # ffd42c；}