如何摆脱Chrome和Firefox中的文本格式边框？

Question

我已经在我的HTML和CSS中创建了一些文本表单，它们似乎在Safari中运行得很好，但在Firefox和Chrome中，它们看起来像是一个1到2px的白色边框。这是该浏览器样式的默认设置吗？我该如何摆脱它？

这是我的CSS仅供参考....

.forms input[type="text"] {
display:block;
margin: 0 auto;
margin-bottom: 10px;
background-color:#3a3a3a;
color: white;
padding-right:30px;
font-family:inherit;
text-transform:uppercase;
font-size:14px;
height:50px;
width:540px;
}
.shortForms input[type="text"] {
display:inline-block;
margin: 0 auto;
margin-bottom: 10px;
background-color:#3a3a3a;
color: white;
font-family:inherit;
text-transform:uppercase;
font-size:14px;
height:50px;
width:242px; 
}

这是一个黑色背景的页面，文本字段是浅灰色，带有白色占位符文本。

提前感谢您的帮助！

Answer 1

尝试添加

fieldset { border: 0px; }

到您的CSS。