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

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

让 Textarea 输入框点击不变色、不加粗

在表单中, textarea 输入框通常在获得焦点(被点击)时会出现蓝色边框和更粗的字体。然而,在某些情况下,我们需要让 textarea 输入框在点击时保持不变色和不加粗。

解决方案

要实现这个效果,需要使用 CSS 样式:

textarea {
  outline: none;
}

将此样式应用于 textarea 输入框可以阻止其在获得焦点时出现蓝色边框和加粗字体。

示例

HTML 代码中添加以下样式:

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

现在,当点击 textarea 输入框时,它将保持其原本的颜色和字体,不会出现蓝色边框或加粗。

以上就是如何让 Textarea 输入框点击时不改变颜色和加粗?的详细内容,更多请关注其它相关文章!