CSS文本框選中背景變色是一種常見的網頁設計技巧，可以讓文本框在用戶選擇內容時的背景顏色也隨之改變，增加用戶體驗和個性化定制能力。下面將介紹如何使用CSS實現文本框選中背景變色的效果。

首先，我們需要定義一個文本框的CSS樣式，其中包含選中狀態和不選中狀態的樣式。例如：

```css

input[type="text"] {

width: 100%;

padding: 8px;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

input[type="text"]:hover {

background-color: #007bff;

其中，input[type="text"]表示我們要定義文本框的類型，即input type="text"。width: 100%；表示文本框寬度為100%;padding: 8px；表示文本框的邊距為8px;border: 1px solid #ccc；表示文本框邊框為黑色，半徑為4px;box-sizing: border-box；表示設置文本框的值和邊框寬度合并計算，不丟失任何值和邊框。

接下來，我們需要在HTML中添加一個文本框元素，并使用CSS樣式定義其選中狀態和不選中狀態的樣式。例如：

```html

<input type="text" id="myInput">

其中，id為文本框的唯一標識符，用于獲取文本框的CSS樣式。

最后，我們可以在CSS中添加一個hover樣式，用于定義文本框的選中狀態。例如：

```css

#myInput:hover {

background-color: #007bff;

其中，#myInput表示要定義文本框的ID,:hover表示定義選中狀態時的效果。

通過以上步驟，我們就可以使用CSS實現文本框選中背景變色的效果了。需要注意的是，這種方法只能用于簡單的文本框，對于復雜的文本框樣式，還需要使用其他CSS技巧來實現。