HTMLtextarea文字输入字段背景颜色

HTML textarea 文字输入字段背景颜色默认值其实是没有颜色的,换句话说,如果网页背景颜色是白色,那 textarea 的背景颜色看起来就会是白色,如果网页背景颜色是其他颜色,则 textarea 的背景颜色也跟着改变,既然这是默认的效果,当然就有给设计师修改的空间,只要透过 css 的 background-color 属性即可修改 textarea 文字字段的背景颜色,几乎所有主流的浏览器都支持。

修改 HTML textarea 文字字段的几个示例、使用 css background-color

<textarea style="background-color:#FFF0D4;">这是 #FFF0D4 背景颜色</textarea>
<textarea style="background-color:#C9FFC9;">这是 #FFF0D4 背景颜色</textarea>
<textarea style="background-color:#C9FFFF;">这是 #FFF0D4 背景颜色</textarea>

呈现结果  以上 background-color 所使用的背景颜色取自:色码表。

这里共准备了三个示例,差别仅在于颜色的色码不同,所呈现出来的背景颜色当然也就不一样,重点在开头的 textarea 标签内,使用了 style 声明要使用 css 样式来修改 textarea,接着在 style 内使用了 background-color 属性,完成最后的结果,这是 css 的标准做法,若您对于文字字段的基本语法或 css 的背景颜色属性不了解,可以先参考这两篇的内容。
HTML textarea 文字字段CSS background-color 背景颜色变更背景颜色算是美化 textarea 比较简单的方式之一,设计师可以根据网页的配色或风格,轻松的搭配出比较适合的 textarea 背景颜色,如果还要再更进一步的提升质感,也可以直接修改 textarea 的背景图片,参考此篇:HTML textarea 文字输入字段背景图片。

网页设计

CSSfont-variant

2022-6-19 18:29:03

网页设计

CSSline-height设置字体范围高度(行间距)

2022-6-20 2:45:02



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yp10086@vip.qq.com 举报,一经查实,本站将立刻删除。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索