首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript/HTML用于替换输入类型textarea的行颜色?

在JavaScript和HTML中,可以使用CSS样式来替换输入类型textarea的行颜色。以下是一个简单的示例:

  1. 在HTML中添加一个textarea元素:
代码语言:html<textarea id="myTextarea" rows="10" cols="50">
复制
Line 1
Line 2
Line 3
</textarea>
  1. 在CSS中添加样式来更改行颜色:
代码语言:css
复制
#myTextarea {
  background-color: #f0f0f0;
}

#myTextarea::selection {
  background-color: #000000;
  color: #ffffff;
}

#myTextarea::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

#myTextarea::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
}

这个示例中,我们将textarea的背景颜色设置为浅灰色(#f0f0f0),选中的文本颜色设置为黑色(#000000),选中的背景颜色设置为白色(#ffffff),滚动条的轨道颜色设置为浅灰色(#f0f0f0),滚动条的滑块颜色设置为深灰色(#c0c0c0)。

这样,当用户在textarea中输入或选择文本时,行颜色将根据设置的CSS样式进行更改。

请注意,这个示例仅适用于现代浏览器,可能不适用于所有浏览器。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券