Question

我的网页有问题：当我在我的html中使用firefox和文本区域时，我可以在这个textarea中看到2-3px灰色的边框线，你可以在我的页面中看到：{{3} }。在您看来，我该如何解决这个问题？

如果你不明白是什么问题，我可以发送截图给你，无论如何，谢谢你所有未来的帮助（也许）和抱歉我的英语。我在这里发布我的HTML：

<form action="php/mail_send.php" method="POST">
        <input autocomplete="off" onfocus="if (this.value=='Name') this.value = ''" onblur="if (this.value=='') this.value = 'Name'" style="border: solid 1px; border-radius: 5px; height:25px; border-color: white; width: 65%; "  value="Name" type="text" name="name">
        <input autocomplete="off" onfocus="if (this.value=='E-Mail') this.value = ''" onblur="if (this.value=='') this.value = 'E-Mail'" style="margin-top: 20px; border: thin 1px; border-radius: 5px;  height:25px; border-color: white; width: 65%" value="E-Mail" type="email" name="email">
        <input autocomplete="off" onfocus="if (this.value=='Subject') this.value = ''" onblur="if (this.value=='') this.value = 'Subject'" style="margin-top: 20px; border: thin 1px; border-radius: 5px; height:25px;  border-color: white; width: 65%" value="Subject" type="text" name="subject">
        <textarea class="txt_field" style="    color: #99a0aa;margin-top: 20px;  font: normal normal 16px/20px pnova-regular, helvetica, sans-serif; border: thin 1px; border-radius: 5px; border-color: white; width: 65%; height: 300px;" type="text" name="message">Message</textarea>
        <input style="margin-top: 20px; border: thin 1px; border-radius: 10px; border-color: white; cursor:pointer; margin-bottom: 50px; background-color: #4db849; width:65%; height: 45px; color: white; font-weight: 700;" type="submit" value="Send Message">
        </form>

Answer 1

您的输入显示它有边框

<textarea class="txt_field" style="    color: #99a0aa;margin-top: 20px;  font: normal normal 16px/20px pnova-regular, helvetica, sans-serif; border: thin 1px;

请注意该行的最后几个字：＆＃34; border：thin 1px;＆＃34;

将其更改为＆＃34; border：0px＆＃34;删除它。

Answer 2

您是否尝试过完全重置textarea？每个浏览器都有输入，textarea和那种东西的默认设置。

textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

Answer 3

只需将其添加到输入字段：

border: none;
outline: none;

它将删除焦点上字段周围的边框和蓝线。

Answer 4

请在textarea css

中试试

-webkit-appearance: none;

当我使用firefox时，在textarea的灰色边界线

4 个答案: