在網(wǎng)頁(yè)開發(fā)中，我們經(jīng)常會(huì)使用按鈕來實(shí)現(xiàn)交互效果，但是在某些瀏覽器中，當(dāng)我們點(diǎn)擊按鈕時(shí)，會(huì)出現(xiàn)一個(gè)黃色的方框，這會(huì)給用戶帶來不好的體驗(yàn)。為了解決這個(gè)問題，我們需要在 CSS 中進(jìn)行相關(guān)的調(diào)整。

一般來說，這個(gè)黃色的方框是由瀏覽器中的默認(rèn)焦點(diǎn)樣式引起的。因此，我們可以在 CSS 中去除這個(gè)默認(rèn)樣式，讓按鈕在不同瀏覽器下都呈現(xiàn)出我們期望的樣式。

button:focus {
outline: none;
}

上述代碼中，我們對(duì)按鈕的 focus 狀態(tài)進(jìn)行了樣式調(diào)整，即在聚焦?fàn)顟B(tài)下，去除了按鈕的 outline（輪廓線），這樣就不會(huì)出現(xiàn)黃色方框了。

需要注意的是，雖然去除黃框可以提高用戶體驗(yàn)，但這不適用于所有情況。如果我們使用鍵盤操作來進(jìn)行交互，就需要依靠焦點(diǎn)樣式來進(jìn)行指示。因此，在實(shí)現(xiàn)鍵盤操作時(shí)，還需要根據(jù)具體情況進(jìn)行樣式的設(shè)置。