jquery - 如何使选定的输入框/图像更加突出？

Question

是否有一种快速方法可以让用户集中注意力时使选定的输入框、图像、下拉框更加突出显示？

目前在输入框上，您会在其周围看到一个 Chrome 的浅黄色框，我希望它更明显，所以也许是一个更厚的黄色框或其他东西？

Answer 1

为此您不需要 jQuery:

<style>
:focus { outline: solid red }
</style>

outline 的美妙之处在于，它(与 border 不同)在添加或删除页面时不会改变页面的布局；它位于内容之上。

如果您需要在这方面支持旧浏览器，那么您需要更复杂的代码。