Question

我想删除所有表单输入大纲。是否可以使用jQuery删除输入大纲？

我只知道如何使用CSS：

input, select, textarea, form {
    outline: none;
}

Answer 1

你可以这样做：

// once the page loads
window.onload = function() {
  // set the style for all these elements to outline: none;
  $("input, select, textarea, form").css("outline", "none");
};

因此，一旦页面加载，所有元素＆＃39;轮廓将设置为无。但是，除非有特殊原因要使用jQuery，否则我建议使用CSS。

对于以后添加的元素（例如页面加载后出现的元素），您可以在上面的代码后添加此代码：

// once an element appears
$("input, select, textarea, form").ready(function() {
  // set the style for all these elements to outline: none;
  $("input, select, textarea, form").css("outline", "none");
});

Answer 2

您应该使用CSS，所以如果您无法访问CSS文件，那么您可以这样做

$('head').append('<style type="text/css">input, select, textarea, form {outline: none;}</style>');

这样您就不必担心在呈现页面后附加的元素。

如果您使用Vinnie的解决方案，则需要在加载DOM后运行该函数，并且每次向DOM添加新的input, select, textarea, form元素时，这就是CSS运行良好的原因。

如何删除所有输入大纲？

2 个答案: