jquery - jquery css将输入大纲更改为无

Question

行。我知道你们中的一些人正在阅读这篇文章并且已经在问我为什么这么愚蠢以及为什么我不使用简单的 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');    
});​

请注意，我也将其替换'input[name=optin]'为，'#optin'因为当您拥有 id 时，使用 id 会更干净、更快捷。

Answer 2

也可以从点击事件改为焦点事件

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