Css 如何创建与Groupon登录类似的表单字段突出显示

有没有一种方法可以使用css或jquery在关注的表单字段周围创建一个简单的边框。我想要类似的东西。

我在Chrome中检查了控制台，他们没有对焦点上的输入做任何特殊的操作。他们没有改变类或内联样式。以下是基于webkit的浏览器输入的用户代理样式：

input, input[type="password"], input[type="search"], isindex {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}

input, textarea, keygen, select, button, isindex, datagrid {
  margin: 0em;
  font: -webkit-small-control;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: -webkit-auto;
}

---

我希望这能让您了解它的工作原理，但我认为这只是浏览器的一般行为。

无论他们使用什么，它都不适用于FF10。。。一个简单的onFocus/focus lost事件侦听器就足够了吗？编辑：都不在IE7中，仅限chrome