HTML提交按鈕陰影邊界問題

Question

input[type=submit] { 
    float: left; 
    font-size: 14px; 
    width: 30%; 
    height: auto; 
    text-align: center; 
    font-weight: normal; 
    line-height: 30px; 
    word-wrap: break-word; 
    margin-left: 34.998721%; 
    margin-top: 20px; 
    clear: both; 
    min-height: 0px; 
    font-family: helvetica; 
    color: rgb(255, 255, 255); 
    background-color: rgb(0, 154, 222); 
    border-top-left-radius: 3px; 
    border-top-right-radius: 3px; 
    border-bottom-right-radius: 3px; 
    border-bottom-left-radius: 3px; 
} 

所以，當我將此樣式的<p>標籤，它看起來：

但是當我申請它提交按鈕，它看起來與周圍的一些邊界：

如何刪除此邊框？

Answer 1

嘗試添加該屬性到CSS規則：

border: none; 

，如果它不工作，然後又補充：

outline: none; 

Answer 2

嘗試添加以下爲活動狀態：

outline: none; 

Answer 3

由於按鈕元素本身具有邊框，因此必須將其禁用才能使其不顯示。

要達到此目的，您可以依靠邊框樣式選項here。

所以，如果你想禁用你的提交按鈕的標準邊框，你可以簡單地添加這條線到你的CSS。

border-style: none; 

Answer 4

邊框樣式屬性設置爲缺省無，似乎通過定義等等邊框樣式邊框左上角的半徑屬性交替是固體因此你可以使用不必要的邊界。您可以簡單地添加邊框顏色屬性並將其設置爲透明，然後您應該得到您想要的結果