---
# System prepended metadata

title: ALPHAcamp 學期 2-3：「自學經驗」回顧

---

# ALPHAcamp 學期 2-3：「自學經驗」回顧
## (後端開發實務)

在 **A5: 餐廳清單擴充 CRUD 功能** 作業中，覺得預設的 input type=''range'' 樣式不好看，想要美化它。

一開始上網 google 找資料，看到不熟悉的 CSS 偽元素(pseudo-element)與偽類(pseudo-class) 就有點怯步，試了幾個範例，但都無法做出自己想要的結果。

後來還是很想美化它，下定決心細看幾篇文章中的寫法，看到這篇文章 "[修改 input type=''range'' 之 CSS 樣式](https://medium.com/mo-learning/%E4%BF%AE%E6%94%B9-input-type-range-%E4%B9%8B-css-%E6%A8%A3%E5%BC%8F-ab57cd95cd65)" 中，還有另外參考 [stackoverflow](https://stackoverflow.com/questions/34850327/styling-input-range-for-webkit-with-pure-css) 上的內容，這次讓我終於找到自己想要的美化樣式效果。

再回頭比對 stackoverflow 與 中文作者的說明，看懂了 input range 的 CSS 樣式定義方式，對於偽元素(pseudo-element)與偽類(pseudo-class)多了份熟悉感，讓我對於"找資料"這件事很有成就感，之後要做出美美的 range 樣式就沒問題了。