添加CSS打印页脚

Question

我正在尝试调试当我打印页面时@bottom-right和@bottom-left无效的原因。相反，我目前得到chromes默认页脚，我无法弄清楚如何检查规则，看看它们是否被应用。

<style type="text/css">
    @page {
        size: A4;
        margin: 2cm;

        @bottom-right {
            content: counter(page) ' of ' counter(pages);
        }
        @bottom-left {
            content: '©  ' attr(data-date);
        }
    }

    @media print {
        html, body {
            width: 210mm;
            height: 297mm;
        }
    }
</style>

谢谢！