Question

有人知道如何使这种形式效果：http://www.clouddigitalmedia.co.uk/contact-us当您单击表单字段时，即使您将鼠标移离字段，它也会平滑地突出显示，除非您点击框外的单击按钮。

我不确定这是否是一个CSS3的东西，或者可能有一个jQuery。

Answer 1

他们正在使用:focus的伪类。这基本上说如果鼠标里面有文本闪烁，那么应用样式。这是一个例子

input{
 /*Transition Properties*/
}
input:focus{
  border:2px solid blue;
}