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 文字输入字段背景图片。