私は、自動リサイズ

Question

が、私は反対のことをやりたいのselect要素に削除するにはどうすればよい何OPが

this postに望んでいる私の選択は、（おそらく私が使用する必要があり、ブートストラップを使用することにより）何らかの理由で自動サイズ変更されています。私はちょうどデフォルトのサイズ変更をしたいです。

私は2つのインライン選択要素を持ち、選択したオプションの長さに応じてサイズを変更し続けます。私はこのfiddleのように、その動作をデフォルトに変更したいと思っています。これは最長の文字列 "United States of America"を取り、要素の幅をそれに応じて設定します。あなたがbootstrap selectpickerを使いたいならば、それは本当に簡単にすることができます

.flex-top-down { 
    display: flex; 
    flex-direction: column; 
    } 

    .input-header { 
    font-weight: bold; 
    margin-left: 10px; 
    } 

    .dropdown-default { 
    margin-top: 6px; 
    } 

Answer 1

：私はvue.js

CSSをブートストラップを使用するには、ここVueStrapを使用しています

HTML

<div class="flex-top-down"> 
    <span class="input-header">Doc Type</span> 
    <v-select v-model="docTypeSelect.value" 
    class="dropdown-default" 
    :options="docTypeSelect.options" 
    options-value="val" 
    placeholder="Please Select" 
    search justified required 
    close-on-select 
    ></v-select> 
</div> 

<div class="flex-top-down"> 
    <span class="input-header">Major/Minor</span> 
    <v-select v-model="majorMinorSelect.value" 
    class="dropdown-default" 
    :options="majorMinorSelect.options" 
    options-value="val" 
    placeholder="Please Select" 
    search justified required 
    close-on-select 
    ></v-select> 
</div> 

。

ここは例です。

https://silviomoreto.github.io/bootstrap-select/examples/#width