Menu

用 CSS 做出 form 以外的 placeholder

placeholder
css
empty
after
form

Taker - Posted on 2018/12/17

在網頁上的 form 元素,像是 input,我們可以用一個特別的屬性:placeholder 來做「當使用者還沒填寫內容的時候,預先提示使用者」的效果

就像下面的例子

但如果只是一般的 div 或是 ul 跟 li 的搭配,但也想做「沒有內容的時候提示使用者,有內容的時候自動消失」的效果,該怎麼實現呢?

今天我們就要用 CSS 來實作這樣的效果喔:

 

投影片下載