如何取消 textarea 输入框点击时的颜色和加粗效果？

如何让 textarea 输入框点击时不改变颜色和加粗？

在 Web 开发中，我们经常会遇到这样的需求：当用户单击 textarea 输入框时，默认情况下，浏览器会将输入框的边框颜色更改为蓝色，并且文本会被加粗。但是，在某些情况下，我们可能不希望出现这种效果。本文将介绍如何使用 CSS 来实现此功能。

解决方法很简单，就是在 textarea 元素上应用 outline: none 样式。

textarea {
  outline: none;
}

添加此样式后，当用户单击 textarea 输入框时，浏览器将不再更改边框颜色或加粗文本。

示例代码：

<textarea></textarea>

<style>
  textarea {
    outline: none;
  }
</style>