jquery - jquery cssで入力のアウトラインをnoneに変更

Question

Ok。これを読んでいて、なぜ私がそんなに愚かなのか、なぜ単純な CSS でこれをやらないのかと尋ねている人がいることは知っています。

input:focus { outline:none; }

簡単です...何らかの理由でwordpressがこの変更を許可していないため、jqueryに戻って汚い仕事をしています。

問題は私のためです..私もそれを機能させることができません....

http://jsfiddle.net/h5KEm/は、jsfiddle の次のコードへのリンクです。

<form action="" method="post">
<input id="optin" name="optin"><br />
<input type="submit" id="submit" name="submit" value="go">
</form>​

$('input[name=optin]').click(function() {
    $(this).css('outline', none');    
});​

Answer 1

ただのタイプミス (引用符の欠落) :

$('#optin').click(function() {
    $(this).css('outline', 'none');    
});​

id がある場合は、id を使用する方がクリーンで高速であるため、に置き換え'input[name=optin]'たことにも注意してください。'#optin'

Answer 2

クリックイベントからフォーカスイベントに変更することもできます

$('input[name=optin]').focus(function() {
    $(this).css('outline', 'none');    
                });