Как избавиться от границ текстовой формы в Chrome и Firefox?

Question

Я создал некоторые текстовые формы в своем HTML и CSS, и они, похоже, работают отлично в Safari, но в Firefox и Chrome у них есть то, что выглядит как белая рамка от 1 до 2 пикселей. Является ли это стандартом для этого стиля браузера? Как я могу избавиться от него?

Вот мой 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.