ハイライトスタイルを変更するにはどうすればよいですか？

Question

Google Chromeでは、強調表示された（=選択された、カーソルが入っている）テキストボックスは、あまり目に見えていないオレンジ色の色付きの線で囲まれています。

CSSを使用してこれを変更する方法はありますか？私はさらにハイライトを強調したい。このよう

Answer 1

：

input:focus { 
    outline: 15px solid pink; 
} 

Answer 2

あなたは国境にぼかし効果を維持したい場合は、ここでこれを行う方法の例です。

http://jsfiddle.net/pxfunc/aE4PY/

あなたはinput自体にoutline:noneを設定することで、デフォルトのクロームの動作を防ぐことができ、また、私が持っていた仕事にbox-shadowためには任意の疑似クラス（のよう:focus）

input { 
    border:solid 1px #aaa; 
    outline:none; 
} 
input:focus { 
    -webkit-box-shadow: 0 0 4px yellow; 
    -khtml-box-shadow: 0 0 4px yellow; 
     -moz-box-shadow: 0 0 4px yellow; 
     -ms-box-shadow: 0 0 4px yellow; 
     -o-box-shadow: 0 0 4px yellow; 
      box-shadow: 0 0 4px yellow; 
} 

に適用されます手動でborderを設定します。また、ブラウザの最新バージョンでは、ベンダープレフィックスのないボックスシャドウがサポートされています。 http://blog.gesteves.com/post/475773360/css-glow-effects-with-box-shadow