如何擺脫Chrome和Firefox中的文本形式邊框？

我在我的HTML和CSS中創建了一些文本表單，它們在Safari中似乎工作得很好，但在Firefox和Chrome中，它們看起來像是1到2px的白色邊框。這是該瀏覽器樣式的默認設置嗎？我如何擺脫它？如何擺脫Chrome和Firefox中的文本形式邊框？

這裏是我的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; 
}

它是一個黑色背景的網頁和文本字段是灰色的淺色，白色佔位符文本。

在此先感謝您的幫助！

來源

2015-04-14 newman

嘗試增加

fieldset { border: 0px; }

你的CSS。

來源

2015-04-14 16:03:42 EricY

這似乎沒有工作......但我確實加了{border：0px; }到每個表單類，並且似乎這樣做。我應該早些時候嘗試過。 Chrome和Firefox必須默認添加它們。這是很好的知道。儘管謝謝你的回答！你讓我走上正軌！ – newman

太棒了。很高興你有它的工作。 – EricY

如何擺脫Chrome和Firefox中的文本形式邊框？

回答

相關問題