如何使所有邊框具有相同的顏色？

Question

我有一個簡單的窗體，我想用相同顏色的邊框設置文本字段。出於某種原因，左邊界和上邊界呈現稍微不同的顏色，這似乎是某種陰影。我如何擺脫它？

我使用這個（相關）CSS樣式的文本字段：

input[type="text"] { 
    border-color: red; 
    border-width: 2px; 
} 

結果是這樣的：

我也試着將這段代碼，但沒有運氣：

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

任何幫助將不勝感激。謝謝！

Answer 1

添加border-style:solid;

input[type="text"] { 
 
    border-color: red; 
 
    border-width: 2px; 
 
    border-style:solid; 
 
}

<input type="text"/>

我相信 「插圖」 是用於文本輸入，很多瀏覽器的默認。

Answer 2

這是由於您的瀏覽器應用的默認輸入樣式，它將border-style設置爲inset。你可以得到你想要的造型，並通過改變你的CSS來簡化你的CSS規則：

input[type="text"] { 
 
    border:2px solid red; 
 
}

<input type="text" /> 
 
<br/><br/> 
 
<input type="text" />