이 CSS가 적용되지 않는 이유는 무엇입니까?

-2

HTML로 스타일을 설정하면 셀러에서 셀렉터를 사용합니다. 정상적으로 보입니다.이 CSS가 적용되지 않는 이유는 무엇입니까?

<div class="input-group" style="margin-bottom: 10px;margin-top: 0px"> 
    <input type="text" class="form-control" id="search" value="{{ search_word }}" style="height: 30px " onkeydown="entersearch()" placeholder="Enter to search..."> 
     <div class="input-group-btn" style="font-size: x-small"> 
      <!--<select id="idsel" class="form-control select-input" >--> 
       <option value="campaignid">campaignid</option> 
       <option value="vender" >vender</option> 
       <option value="pkgname" >package</option> 
      </select> 
     </div> 
</div>

하지만 CSS에서 스타일을 설정을 변경하면 아무 효과도 취하지 않는다 ...

<div class="input-group" style="margin-bottom: 10px;margin-top: 0px"> 
    <input type="text" class="form-control" id="search" value="{{ search_word }}" style="height: 30px " onkeydown="entersearch()" placeholder="Enter to search..."> 
     <div class="input-group-btn" style="font-size: x-small"> 
      <select id="idsel" class="form-control select-input-gp" > 
       <option value="campaignid">campaignid</option> 
       <option value="vender" >vender</option> 
       <option value="pkgname" >package</option> 
      </select> 
     </div>

<script type="text/css"> 
    .select-input-gp{ 
     height: 30px; 
     width: 200px; 
     color:#fff; 
     background-color:#337ab7; 
     border-color:#2e6da4; 
    } 
</script>

그것은 이상하다

. 아무도 나에게 가이드를 줄 수 있습니까? 귀하의 경우에는

출처

2016-11-02 M.Mike

당신이 뭘하고 있는지 전혀 모르겠지만 스타일이 아닙니다. 스타일 선언이있는 스크립트 태그입니다. 사용할 올바른 태그는'' – junkfoodjunkie

대신 <script type='text/css'> 사용 <style type='text/css'>

, 전체 스타일의 코드는 다음과 같습니다

<style type="text/css"> 
    .select-input-gp { 
     height: 30px; 
     width: 200px; 
     color: #fff; 
     background-color: #337ab7; 
     border-color: #2e6da4; 
    } 
</style>

출처

2016-11-02 02:47:28

당신은 스크립트를 참조하지 않는 등의 <script> 태그를 필요로하지 않는다; 스타일을 참조하고 있으므로 <style> 태그로 바꿔야합니다.

<style> 태그는 HTML의 <head>에 선언해야하며 자세한 내용은 here을 참조하십시오.

출처

2016-11-02 02:52:55 trashr0x

이 CSS가 적용되지 않는 이유는 무엇입니까?

답변

관련 문제