요소에서 CSS 스타일을 제거 할 수 없습니다.

Question

요소에 그림자가 제거되지 않는 문제가 있습니다. 질문

<form class="block" method="post" action="poll.php?do=pollvote&pollid=80"> 

에서 요소의

HTML은 이미 다른 것으로 폼 클래스를 변경했습니다. 의심의 그림자

CSS

#sidebar_container .block { 
border: 1px solid #BFBFBF; 
box-shadow: 0 0 4px 0 #888888; 
padding: 6px; 

지금이 가진 문제는, vBulletin에 모든 것을 밖으로 일을 한 가지 방법은 같은 스타일이 그래서 단순히 꽤 유적 변경 ... 요소의 톤에 적용하다 다른 사용자 정의 중.

단순히 "폼 클래스"변경이 작동하지 않는 이유를 알 수 없습니다 ... 파이어 버그를 체크 인하면서 템플릿에서 변경 한 내용과 관계없이 일반 폼 클래스를 유지합니다. 참고로

: http://www.eldersreach.com/forum.php?styleid=90

그것은 <div class="block smaller">...</div> 컨테이너에 적용되는 컨테이너

Answer 1

이 CSS

#sidebar_container .block { 
    padding: 6px; 
    border: 1px solid #bfbfbf; 
    box-shadow: 0px 0 4px 0 #888; 
} 

의 오른쪽 모서리에있는 "설문 조사"요소에 대한 내부 상자 그림자 . <form class="block"...</form> 요소가 아닙니다.

box-shadow 속성을 컨테이너에서 제거하려면 box-shadow: none;을 #sidebar_container .block {...} 스타일 정의 블록에 넣어야합니다. 물론 .block 클래스의 <div>에서 box-shadow이 삭제됩니다.

나의 제안은 다음과 같습니다

1. 이 하나 더 클래스, 예를 들어 추가 <div class="block smaller noshadow">...</div>을 (를) 선택하여

2. 스타일 시트에 #sidebar_container .block {...} 뒤에 CSS 속성을 하나 더 정의하십시오. 작업을 수행해야합니다

   #sidebar_container .noshadow { box-shadow: none; }

#sidebar_container .block {...}

.