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

Popular posts from this blog

c# - How to get the current UAC mode -

postgresql - Lazarus + Postgres: incomplete startup packet -

javascript - Ajax jqXHR.status==0 fix error -