選択タグの幅を設定できません

お待ちください。相続人選択タグの幅を設定できません

select { 
width: 500px; 
}

簡単JsFiddle使用して私のために1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

出典

2016-09-13 coddding

別のCSS宣言を上書きしない限り（おそらくはブートストラップを使用するなど）、動作するはずです。試してみてください： '.pleasekillme {width：50px！重要; } ' – cyberwombat

最初は仕事でなければならないが、そうでない場合は、間違いなくあなたのスタイリングをオーバーライドする他のスタイリング。 – aavrug

ワークス細かいですそれは働いています：https://jsfiddle.net/un67fLxa/

出典

2016-09-13 06:08:30

あなたのマークアップでエラーが確認されましたか？選択タグのwidthが有効である必要があります。 widthが他のルールによって上書きされている場合は、ブラウザの開発者ツールを使用することができます。この場合は!importantを使用できますが、それは推奨されません。

.first { 
 
    width: 100px; 
 
} 
 
.second { 
 
    width: 200px; 
 
}

<select class="first"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 

 
<select class="second"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select>

選択したタグをスタイリングの詳細についてはthis questionを参照してください。

出典

2016-09-13 06:08:40 andreas

あなたはなぜそれが難しいのですか教えてもらえますか？ありがとうございました。 –

私は背景や境界に問題があるとは思わない。私が経験した唯一のトリッキーな部分は、サファリ5.1.7のためのパディングだったと思います。幸運なことに、行の高さを宣言するだけで、ブラウザがサファリである場合にも宣言できます。 –

https://jsfiddle.net/ewa59apq/

<select id="test"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select>

CSS

select { 
    width: 50px; 
    background: red; 
}

チェックJS

var testing = document.getElementById('test'); 

alert(window.getComputedStyle(testing).getPropertyValue('width'));

出典

2016-09-13 06:10:13

経由幅何かどうかは完全にchcek Fiddle .Tryを与える作品！重要。

.pleasekillme { 
    width: 50px !important; 
}

出典

2016-09-13 06:10:37 vivek

選択タグの幅を設定できません

答えて

関連する問題