2017-08-21 31 views
0

セレクト入力フィールドにアスタリスクを追加しようとしていますが、自分のCSSを与えても簡単にできますが、私の条件はブートストラップ3.3.7またはそれ以下のバージョンを使用します。同じ行にアスタリスクを表示してくださいscreenshotブートストラップにテキストを追加する同じ行に入力する

<style> 
.asterik-span{ 
    color: red; font-family: bold; font-size: 16px; 
} 
.select-diag{ 
    width:90%;border:1px solid #ddd; border-radius:3px;height:32px; 
} 
</style> 

<select class="select-diag"> 
    <option >Value1</option> 
    <option >Value2</option> 
    <option >Value3</option> 
</select> 
<span class='pull-right asterik-span'>*</span> 

Jsfiddle

+0

質問やフィドルを行うことができ、ブートストラップを使用するために、HTMLは同じではありません。 –

+0

私はそれを更新して申し訳ありません。 – fonr

答えて

0

だけあなたがこの

<div class="input-group"> 
    <select class="form-control"> 
    <option>Value1</option> 
    <option>Value2</option> 
    <option>Value3</option> 
    </select> 
    <div class="input-group-addon"> 
    <span class='asterik-span'>*</span> 
    </div> 
</div> 
+0

私は素晴らしいフォントを使用したくありません。それ以外に何も使わずに、ブートストラップするだけで他の方法でもできるのですか? – fonr

+0

はいフォントの素晴らしいアイコン '' to ' * ' – Laiman

+0

私はあなたが何をしているのかがその質問でわかると信じています。しかし、私はカスタムスタイルを与えたくない。私はブートストラップを使いたい。私がブートストラップを使用している場合、これはどうなっているのですか?http://jsfiddle.net/rahilAhmed/k06t97wb/1/ – fonr

関連する問題