Page 180 - css揭秘
P. 180
/* [其余样式] */
}
button::before {
content: '';
position: absolute;
top: -10px; right: -10px;
bottom: -10px; left: -10px;
}
只要有任何一个伪元素可供利用，这个方法就可以发挥作用，也不会干
扰其他任何效果。这个基于伪元素的解决方案极为灵活，我们基本上可以把
热区设置为任何想要的尺寸、位置或形状，甚至可以脱离元素原有的位置！
试一试 play.csssecrets.io/hit-area
CSS 背景与边框
http://w3.org/TR/css-backgrounds 相关规范
31 自定义复选框
难题
设计师对网页中各种元素的控制欲是永无止境的。当 CSS 经验不足的
平面设计师接到一个网页设计任务时，他几乎一定会为各种表单元素设计一
套自己的样式，这让接下来写 CSS 的工程师感到崩溃。
当 CSS 最初出现时，它对表单元素的样式控制力是极为有限的，而且
现在仍然没有哪个 CSS 规范明确定义了这方面的行为。不过这些年来，各
种浏览器已经在逐步放开 CSS 属性对表单控件的作用范围，从而允许我们
设置大多数表单控件的样式。
31 自定义复选框 149
ࠡ JOEC
