인쇄시 클래스를 숨기는 방법

Question

안녕하세요 페이지에 사용자가 컨테이너에 요소를 드래그 앤 드롭 할 수 있지만 사용자가 컨테이너 외부로 요소를 드래그 할 수 있도록 제한이 없습니다. 컨테이너에 테두리를 추가하려고 생각하고 있지만이 페이지를 인쇄해야하지만 테두리를 인쇄하고 싶지는 않습니다. 이것은 내가 무엇을 가지고 :

Code here

경우 :이 클래스와 사업부 내부

.bordes { 
     border: solid; 
     border-color: #ff0000; 
    } 

@media print { 
     .bordes { 
      display: none !important; 
     } 
    } 

하지만 숨기기 모든 요소와 난 단지 국경을 숨기려면, 여기에 코드 예제입니다 당신은 예제를 보았습니다, 괜찮습니다.하지만 인쇄 버튼을 클릭하면 모든 div가 숨겨지고 빨간 테두리 만 숨기고 싶습니다. 미리 감사드립니다 당신은 국경을 제거해야

Answer 1

:

display: none !important; 

사용을 사용하는 대신

@media print { 
     .bordes { 
      border: 0; 
     } 
    } 

Answer 2

을

border: none;