CSS 是前端開發中最重要的語言之一，它能夠幫助我們設計各種精美的網站，但是在開發過程中，有時會遇到一些麻煩。其中一項常見的問題是，當用戶在 input 元素中輸入內容時，該元素將會自動獲取焦點，此時會出現輸入框被選中的狀態，而這通常不是我們所期望的。

但是，不要擔心，我們可以很輕松地通過使用 CSS 代碼來解決這個問題。以下是取消 input 焦點框的一些方法。

/* 去除 input 焦點框 */
input:focus {
outline: none;
}

上述代碼將會去除 input 元素在得到焦點時的外部邊框，從而避免了該元素被選中的狀態。通過這種方式，我們可以以一種美觀而無干擾的方式執行輸入操作。

/* 隱藏 input 程序員帶的叉叉 */
input::-ms-clear{
display:none;
}
input::-ms-reveal{
display:none;
}

在 IE 瀏覽器中，input 元素右側會出現一個 X 圖標，該圖標用于刪除 input 元素中的內容。但是，我們通常并不想要這個圖標，因為它會干擾我們的設計。所以，我們可以使用上述代碼隱藏它。

總之，通過使用上述 CSS 代碼，我們可以輕松地取消 input 元素的焦點狀態和右側的 X 圖標。這些技巧不僅使我們的網站更加美觀，還能夠提高用戶的使用體驗。