jquery css将输入大纲更改为无

Posted 2023-03-05

【中文标题】jquery css将输入大纲更改为无

【英文标题】：jquery css change outline of input to none

【发布时间】：2012-09-29 00:41:26

【问题描述】：

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

【问题讨论】：

要做 CSS 你可能只需要更具体。如果没有，您可以尝试 input:focus outline:none!important;

但是请看，即使是“css”由于某种原因在 wordpress 中也不起作用。我不知道为什么会这样，但肯定很奇怪。

你可以试试input outline: none; 而不是:focus 选择器

【参考方案1】：

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

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

【参考方案2】：

只是一个错字（缺少引号）：

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

请注意，我还用'#optin' 替换了'input[name=optin]'，因为当您拥有ID 时，这样使用起来更简洁、更快捷。