在表單輸入框中，為了向用戶提供更好的交互體驗，我們通常會在輸入框中添加一些提示信息，比如“請輸入您的用戶名”等等。而使用CSS可以很方便的實現(xiàn)表單提示文本的樣式展示。

input::-webkit-input-placeholder {
/*Chrome/Opera/Safari*/
color: #999; /*設置提示文本顏色*/
font-size:14px; /*設置提示文本字體大小*/
}
input::-moz-placeholder {
/*Firefox 19+*/
color: #999;
font-size:14px;
}
input:-ms-input-placeholder {
/*IE 10+*/
color: #999;
font-size:14px;
}
input:-moz-placeholder {
/*Firefox 18-*/
color: #999;
font-size:14px;
}

上述代碼中，我們使用了偽元素選擇器來選中輸入框的placeholder（提示文本）部分，并設置了字體大小和顏色。其中，各瀏覽器的前綴需要根據(jù)實際情況進行添加。

除了樣式的設置，我們還可以在輸入框獲得焦點時隱藏提示文本，在輸入框失去焦點時重新顯示提示文本，這樣可以更好地增強用戶輸入的可讀性和可操作性。

input:focus::-webkit-input-placeholder {
/*Chrome/Opera/Safari*/
color: transparent; /*設置提示文本顏色為透明*/
font-size:0; /*設置提示文本字體大小為0*/
}
input:focus::-moz-placeholder {
/*Firefox 19+*/
color: transparent;
font-size:0;
}
input:focus:-ms-input-placeholder {
/*IE 10+*/
color: transparent;
font-size:0;
}
input:focus:-moz-placeholder {
/*Firefox 18-*/
color: transparent;
font-size:0;
}

上述代碼中，我們使用:focus偽類選擇器來判斷輸入框是否獲得了焦點，當輸入框獲得焦點后，我們將提示文本顏色和字體大小都設置為0，即隱藏了提示文本。當輸入框失去焦點后，我們又將提示文本顏色和字體大小重新設置，即重新顯示了提示文本。

CSS讓表單提示文本的樣式展示非常簡單易用，我們只需要利用樣式的選擇器和屬性，就可以輕松實現(xiàn)表單提示文本的美化效果。