# Checkbox CSS 美化
[竹白記事本](https://chupainotebook.blogspot.com/2019/02/css-effect.html)，學習紀錄，2019/03/21。

>[Checkbox Trickery with CSS](https://codersblock.com/blog/checkbox-trickery-with-css/)

###### tags: `:checked`

## CodePen
>[Checkbox CSS 美化](https://codepen.io/CHUPAIWANG/pen/moGzyR?editors=1100)

<iframe height="265" style="width: 100%;" scrolling="no" title="Checkbox CSS 美化" src="//codepen.io/CHUPAIWANG/embed/moGzyR/?height=265&theme-id=0&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true">
See the Pen <a href='https://codepen.io/CHUPAIWANG/pen/moGzyR/'>Checkbox CSS 美化</a> by CHUPAIWANG
(<a href='https://codepen.io/CHUPAIWANG'>@CHUPAIWANG</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

## :checked
>[CSS沒有極限 - Checkbox的妙用](https://wcc723.github.io/css/2013/10/07/css-chechbox/)

`:checked` 的偽元素，它可以判斷目前的 checkbox 及 radio 是否有被選核。