css - Hide urls when printing a page -
i have webpage:
it looks when try print it:
it's missing last item (user management) intentionally that's not problem. i'd hide "(/campaigns)" , "(/profanity)" print.
is possible using css?
--edit-- html:
<div class="row"> <div class="item col-xs-12 col-sm-6 col-md-4 text-center"> <div class="lead">campaigns</div> <a href="/campaigns" class="text-muted"> <i class="fa fa-bullhorn"></i> </a> <table class="table table-striped table-condensed"> <tbody><tr> <th>campaigns active</th> <td>1/1</td> </tr> <tr> <th>total posts</th> <td>149</td> </tr> </tbody></table> </div> <div class="item col-xs-12 col-sm-6 col-md-4 text-center"> <div class="lead">profanity</div> <a href="/profanity" class="text-muted"> <i class="fa fa-filter"></i> </a> <table class="table table-striped table-condensed"> <tbody><tr> <th>created profanity filters</th> <td>0</td> </tr> <tr> <th>total words filtered</th> <td>0</td> </tr> </tbody></table> </div> <div class="item col-xs-12 col-sm-6 col-md-4 text-center"> <div class="lead">user management</div> <a href="/account" class="text-muted"> <i class="fa fa-users"></i> </a> </div> </div>
i recognize classes, bootstrap issue, find in bootstrap.css rule
@media print { ... a[href]:after { content: " (" attr(href) ")"; } ... }
overwrite rule , should golden, eg content:none;
Comments
Post a Comment