在一個表單中，文本框驗證是很重要的一環。用CSS可以輕松地在文本框驗證時進行樣式設計。以下是一些常用的文本框驗證樣式。
1. 驗證正確
輸入框的邊框顏色改為綠色，以表示輸入正確。可以用以下CSS代碼實現：
input:valid{
border-color: green;
}
2. 驗證錯誤
如果輸入框內的內容不符合要求，那么紅色色框和紅色的提醒文字會出現。可以用以下CSS代碼實現：
input:invalid{
border-color: red;
}
input:invalid+span:after{
content: "請輸入正確信息";
color: red;
}
3. 必填項星號標志
用CSS在必填項后添加星號，以便于用戶能夠清楚地知道哪些項是必填的。以下CSS代碼添加星號標志：
label.required:after {
content:" *";
color:red;
}
4. 提交按鈕狀態
如果輸入框內的內容不符合要求，那么提交按鈕會禁止點擊。以下CSS代碼實現：
input:invalid ~ input[type="submit"]{
opacity: 0.5;
pointer-events: none;
}
總結
用合適的CSS代碼，在文本框驗證時進行樣式設計可以使用戶體驗感更好。以上是一些常用的文本框驗證樣式。在實際項目中，可以根據需求自定義編寫CSS樣式。