如何摆脱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。