css - While printing existing styling should not apply -
i have html table having class defines styling properties
.table-bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #dddddd #dddddd #dddddd -moz-use-text-color; border-image: none; border-radius: 3px 3px 3px 3px; border-style: solid solid solid none; border-width: 1px 1px 1px 0; }
while printing table styling should not apply. instead following styling should apply. mixing both.
@media print { table#addressbook { border: solid #000 !important; border-width: 1px 0 0 1px !important; } table#addressbook th,table#addressbook td { border: solid #000 !important; border-width: 0 1px 1px 0 !important; } }
i using less.js create css . how can easiest way?
if want exclude styles printing (e.g. .table-bordered
), consider moving @media screen
.
Comments
Post a Comment