Javascript 如何动态消除文本输入的焦点

我有这个HTML页面：

我想做的是，删除文本输入周围的黑色边框。但是由于我的“要做的事情”列表是动态创建的（页面加载时它是空的），所以我想使用JavaScript文件删除边框

---

我该怎么做？

您可以尝试使用

document.getElementById（“输入”sID”）.style.outline=“无”

或

document.querySelector（“输入”）.style.outline=“无”

；这将通过javascript将包含特定id的输入框的outline属性设置为none。或者，即使输入类型动态呈现，它也不会起作用，您可以在css中设置

input{outline:none}

，它将适用于页面上动态呈现的所有输入类型。

创建此

input

字段时，只需确保

autofocus

属性设置为

false

，或者不添加它即可

您也可以取消它（即使结果是

false

），如下所示：

document.getElementById("id_Of_The_Element").autofocus = false;

---

无论动态与否，您都应该能够使用纯css移除焦点发光。像

input{outline:none；}

使用

outline:none

但是我必须小心这样做！焦点对于可访问性和尝试使用键盘而不是鼠标浏览网页非常重要。如果你不知道什么元素有焦点，你就不知道当你按一个键或按回车键时会发生什么！！这回答了你的问题吗@Dhruvery“光标闪烁（用户在那里输入）还不够吗？”如果他们看不见，就不会：）可访问性和键盘导航对于盲人和部分视力者至关重要。