부트 스트랩 모달의 배경색을 변경할 수 없습니다.

Question

제목에서 알 수 있듯이 실제 모달의 색상을 변경하고 모달 뒤에 음영 처리 된 영역은 변경하지 않으려합니다. 이 post은 말합니다. 나는 단지 모달의 색깔을 바꾸고 싶다. Heres는 일부 코드 :

문제 ... 내 모달 :

<div class="portfolio-modal modal fade" id="HighSchoolModal" tabindex="-1" role="dialog" aria-hidden="true" style="background-color:#F07A1A !important;"> 
     <div class="modal-content"> 
      <div class="close-modal" data-dismiss="modal"> 
       <div class="lr"> 
        <div class="rl"> 
        </div> 
       </div> 
      </div> 
      <div class="container"> 
       <div class="row"> 
        <div class="col-lg-8 col-lg-offset-2"> 
         <div class="modal-body"> 
          <h2>Parktown Boys' High</h2> 
          <hr class="star-primary"> 
          <img src="img/portfolio/park.jpg" class="img-responsive img-centered" style="width:50%" alt=""> 
          <p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p> 
          <ul class="list-inline item-details"> 
           <li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong> 
           </li> 
           <li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong> 
           </li> 
           <li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong> 
           </li> 
          </ul> 
          <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

내가 코드와 크롬 요소 관리자에서 style="background-color:#F07A1A !important;"을 사용했습니다 그것은 색상이 적용되고 표시 여전히 흰색입니다. 어떻게하면 배경색을 바꿀 수 있습니까?

Answer 1

modal-content에 스타일링을 적용하십시오.