CSS3設置Placeholder 在Web開發中，Placeholder是一個重要的元素，可以為用戶提供輸入框的提示信息。但是，在CSS3之前，設置Placeholder的樣式十分困難，需要使用JavaScript來實現。現在，CSS3提供了一些新的屬性和偽元素，可以很方便地設置Placeholder的樣式。 使用::placeholder偽元素 在CSS3中，我們可以使用雙冒號(::)操作符來引用偽元素，如::before和::after偽元素。::placeholder偽元素也是其中之一。我們可以使用::placeholder偽元素來設置Placeholder的樣式。 例如，我們可以設置Placeholder的文本顏色、字體大小、字體樣式等。以下是一個例子：

input::placeholder {
color: gray;
font-size: 14px;
font-style: italic;
}

在這個例子中，我們設置了input元素的Placeholder文本顏色為灰色，字體大小為14像素，字體樣式為斜體。 使用:placeholder-shown偽類 除了::placeholder偽元素，CSS3還提供了另一個偽類，即:placeholder-shown。這個偽類可以用于設置Placeholder在輸入框中的位置和樣式。 例如，我們可以使用:placeholder-shown偽類來設置Placeholder的上下左右邊距。以下是一個例子：

input:placeholder-shown {
padding: 10px;
margin-bottom: 20px;
}

在這個例子中，我們設置了輸入框的Placeholder上下左右邊距分別為10像素和20像素。 綜上所述，CSS3提供了很多新的屬性和偽元素/偽類，可以很方便地設置Placeholder的樣式。我們可以根據需要來選擇相應的屬性和偽元素/偽類，以達到最佳的效果。