CSS3 提供了許多選擇器能夠控制元素呈現(xiàn)效果，其中的:focus選擇器可以控制元素在獲取焦點(diǎn)時(shí)的樣式。

如果我們想在用戶點(diǎn)擊一個(gè)元素時(shí)使其無邊框呈現(xiàn)，該怎么實(shí)現(xiàn)呢？下面就是一段可以實(shí)現(xiàn)該效果的 CSS 代碼：

/* 給所有的元素設(shè)置 outline 樣式 */
* {
outline: none;
}
/* 給擁有焦點(diǎn)的元素添加虛線邊框 */
*:focus {
outline: none;
}

這段代碼將頁面中所有元素的 outline 樣式設(shè)置為 none ，也就是去掉了它們的邊框。接著使用:focus選擇器來控制擁有焦點(diǎn)的元素。當(dāng)一個(gè)元素被點(diǎn)擊或被選擇時(shí)，它將獲得焦點(diǎn)并根據(jù) CSS 設(shè)置呈現(xiàn)無邊框的樣式。

需要注意的是，在去掉邊框的同時(shí)應(yīng)該給元素設(shè)置其他的樣式以確保用戶操作時(shí)有反饋。比如可以設(shè)置元素的背景色或添加陰影效果。