Textarea在Chrome上只是黑色的轮廓

时间:2012-06-14 04:58:21

标签: html google-chrome

所以我正在努力完成我的投资组合网站,而且我仍然坚持这个可怕的联系表格。

所以这是我的网页.. www.heatherkirk.net/contact.php

在Chrome和(我猜测Safari,因为它们看起来很相似),textarea框看起来与其他浏览器不同。我只是想知道如何在Chrome的评论部分上使用较暗的颜色和较浅的颜色,而不仅仅是黑色轮廓。如果有人能帮助我,我将不胜感激!

3 个答案:

答案 0 :(得分:1)

好吧,Chrome的属性检查员(右击,检查元素)表示您的输入为border: 2px inset,而您的textarea为border: 1px solid。尝试改变吗?

根据border,Firefox的属性检查器根本没有为textarea显示任何值,因此(并查看样式表)会让我认为您已应用{{ 1}},但没有为你的textarea设置border-radius;只是Firefox的默认border边框为textarea,而Webkit(Chrome / Safari)的边框为2px inset

1px black样式添加border: 2px inset,这应该足够了。

答案 1 :(得分:0)

当您移除border-radius时,黑色轮廓消失。

但是如果你需要保留圆角,那么只需将border-width:0px添加到textarea样式。

与上述用户一样,当您只有border:solid 1px;默认颜色为黑色时,请稍微调整一下。

答案 2 :(得分:0)

border:0 none;设置为css中的textarea