CSS文本框右側按鈕是一個非常實用的設計，在許多網站和應用程序中都得到廣泛應用。

如何創建這樣的按鈕？在CSS中，可以通過使用絕對定位和層疊樣式表將按鈕放置在輸入框的右側。

/* 定位輸入框 */
input {
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid #ccc;
position: relative; /* 讓輸入框相對定位以便于擺放右側按鈕 */
}
/* 定位右側按鈕 */
input[type="submit"] {
position: absolute;
top: 0;
right: 0;
padding: 10px;
background-color: #ccc;
color: white;
border: none;
border-radius: 0 5px 5px 0;
}

代碼的核心是將輸入框的定位設置為相對，以便可以在其上添加絕對定位的按鈕。使用上述CSS代碼，可以創建一個具有右側按鈕的文本框，當用戶點擊按鈕時，頁面上相關的操作可以完成。

總體而言，使用CSS創建文本框右側按鈕是一個不錯的設計選擇，可以增強用戶體驗并提高應用程序的交互性。