CSS 提交按鈕刪除邊框
在 Web 開發中，提交按鈕是一個非常常見的元素，用來向服務器發送數據。但是很多時候，我們會發現提交按鈕默認的樣式是有邊框的，這會影響頁面的美觀性。本文就來介紹如何使用 CSS 刪除提交按鈕的邊框。
首先，我們來看一下默認的提交按鈕樣式：

<button>提交</button>

如圖：
可以看到，按鈕周圍有一圈邊框。如果我們想要刪除這個邊框，可以使用 CSS 屬性 border 來實現。

<style>
button {
border: none;
}
</style>

如圖：
這個時候，按鈕的邊框就被刪除了。但是，如果我們將鼠標移動到按鈕上面，會發現按鈕周圍還是有一圈邊框，這個時候我們需要再加上一個屬性：outline。

<style>
button {
border: none;
outline: none;
}
</style>

如圖：
這樣，提交按鈕的邊框就完全被刪除了。需要注意的是，使用 outline 屬性會影響按鈕的焦點樣式，如果需要添加自定義的焦點樣式，可以參考其他文章。