所以我试图完成我的投资组合网站,但我被困在这个可怕的联系表格上。
所以这是我的网页.. www.heatherkirk.net/contact.php
在 Chrome 和(我猜是 Safari,因为这两个看起来很相似)上,textarea 框看起来与其他浏览器不同。我只是想知道如何在 Chrome 的评论部分中获得较深的颜色和整个较浅的颜色,而不仅仅是黑色轮廓。如果有人可以帮助我,我将不胜感激!
所以我试图完成我的投资组合网站,但我被困在这个可怕的联系表格上。
所以这是我的网页.. www.heatherkirk.net/contact.php
在 Chrome 和(我猜是 Safari,因为这两个看起来很相似)上,textarea 框看起来与其他浏览器不同。我只是想知道如何在 Chrome 的评论部分中获得较深的颜色和整个较浅的颜色,而不仅仅是黑色轮廓。如果有人可以帮助我,我将不胜感激!
好吧,Chrome 的属性检查器(右键单击,检查元素)说您的输入有border: 2px inset
,而您的 textarea 有border: 1px solid
. 换个试试?
但是, Firefox 的属性检查器根本没有为 显示任何值border
,textarea
因此(并查看您的样式表)让我认为您已经应用border-radius
了 ,但根本没有border
为您的 textarea 设置 a ;碰巧Firefox的默认textarea
有一个2px inset
边框,而Webkit的(Chrome/Safari)有1px black
一个。
border: 2px inset
为你的风格添加一个textarea
,这就足够了。
border:0 none;
在 CSS 中设置为您的文本区域
当您删除border-radius
黑色轮廓消失。
但是如果您需要保留圆角,则只需添加border-width:0px
到 textarea 样式。
就像上面提到的用户一样,当您只有border:solid 1px;
默认颜色为黑色时,请稍微调整一下。