替换元素（Replaced Element）到底是什么鬼东西？
定义
- 替换元素（Replaced Element）
- 替换元素就是那些即使没有设置CSS，也有预设宽高值的HTML元素。你也可把替换元素想象成「其内容要被外部源替换的标签」，<img>和<video>很明显属于此类。此外，一些表单元素也是被替换的，如<input>。
The box model defines different rules for the layout of replaced elements than normal elements. Replaced elements do not have '::before' and '::after' pseudo-elements;
替换元素没有伪元素，所以你不能对它们应用「:before」「:after」。
但是 Chrome、safari、opera 部分表单元素(checkbox, radio, file, button)支持生成内容（generate content），IE8/9/10仅有button支持，见下面测试部分。
Test
test