在網站或應用程序的開發過程中，按鈕通常是其中一個最常見的元素之一。CSS允許開發人員通過各種方式定制按鈕樣式，包括顏色、大小和形狀等。但是，有時候還需要更改按鈕上顯示的文本，例如要將“購物車”按鈕文本更改為“結賬”文本。

這就是 CSS 內的文本替換功能派上用場的時候了。在這個過程中使用的 CSS 屬性是 content，它允許開發者對元素內容進行操作。

.btn::before {
content: "結賬";
font-weight: bold;
}
.btn::after {
content: "";
background-image: url('checkout.svg');
height: 16px;
width: 16px;
display: inline-block;
margin-left: 8px;
}

如上面的代碼所示，我們使用 ::before 和 ::after 偽元素來添加文本和圖標，其中 ::before 放置在按鈕文本的前面，而 ::after 延伸到文本的后面。我們將更改按鈕文本的內容從“購物車”變為“結賬”，并使用粗體字體來突出顯示。

同時，我們在 ::after 上添加了一個帶有購物車圖標的背景圖片。這將使按鈕變得更加可識別，并為用戶提供更豐富的視覺體驗。我們還可以添加自定義樣式來優化圖標的位置和大小。

總之，使用 CSS 內的文本替換功能為我們提供了非常方便和靈活的方式來更改按鈕文本。同時，結合 ::before 和 ::after 偽元素，還可以添加其他的內容，如圖標等，來增強按鈕的功能和美觀性。希望這篇文章能對各位開發者有所幫助。