このCSSが有効にならないのはなぜですか？

-2

HTMLでセレクタを使用していますが、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が有効にならないのはなぜですか？

答えて

関連する問題