Grouponログインに似たフォームフィールドのハイライトを作成する方法

Question

CSSフォームまたはjqueryを使用して、フォーカスされたフォームフィールドの周りに簡単な枠線を作成する方法はありますか？私はGroupon's login pageと似たようなものを望みます。

Answer 1

Chromeでコンソールを確認しましたが、入力に特別な処理をしていませんfocusです。彼らはクラスやインラインスタイルを変更していません。ここでの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; 
} 

は、私はそれがブラウザのちょうど一般的な行動だと思います。