如何使用@media隐藏打印输出中的打印按钮？

Question

我有一个带有打印按钮的bootstrap列，它使用media属性。

<div class="panel-footer">
                    <div class="row">
                        <div class="col-md-offset-5 col-md-2">
                            <button class="btn btn-primary btn-wordwrap" ng-click="$print()" media="print"><span class="glyphicon glyphicon-print"></span> Print</button>
                        </div>
                    </div>
                </div>

@media在css中定义如下。

@media print {
    button {
        display: none !important;
    }
}

$ Print（）在角度控制器中定义如下。

 $scope.$print = function () {
            window.print();
        };

它仍会在打印输出中打印“打印”按钮。我在这里缺少什么想法？谢谢！

Answer 1

.hidden-print

请参阅响应实用程序的Bootstrap 3文档，打印

http://getbootstrap.com/css/#responsive-utilities-print