部分的に太字のテキストを選択

Question

これも可能かどうかわかりませんが、私は大胆にしたい場合があります部分（すべてではない）のテキストをHTMLの選択肢の中に入れますタグ。

強いタグだけでなく、bタグも使用してみましたが、運行はありません（Chromeの場合）。 CSSはうまくいくかもしれませんが、要素レベルで動作するので、そのようにする方法はわかりません。

これを行う方法はありますか？

Answer 1

ませもしないCSSで<span id="wrap">Some text</span>でテキストを折り返すようにしてください。不可能です。

代わりに、Javascriptを使用して偽のドロップダウンリストを作成することができます。

Answer 2

この #wrap {font-weight: bold}

Answer 3

いいえ、これはできません。ここには2つのオプションがあります：

1）を使用して、あなたがやっていることのための説明的なヘッダーを作成します（これは役に立たないでしょう）。

2）JavaScriptを使用してドロップダウンメニューをシミュレートします。私はよくわからないが、jQuery UIにはドロップダウンメニューのスクリプトがあると思う。

Answer 4

まあ、（他のchekedない）

Answer 5

を、あなたはFirefoxで<strong>または<b>を使用することができますが、それはChromeでまたはIEで動作しません私は、その遅すぎると思いますが、この事は私のために働きました。 オプションタグに 'font-weight：bolder'プロパティを適用し、htmlタグを使用せずに太字内のテキストを太字にします。

<option value="optionValue" class="bold-option"> 
.bold-option{font-weight: bolder;} 

Answer 6

クロムではオプションタグで太字のフォントを使用できないためです。

テキストシャドウのようなテキストシャドープロパティを使用することができます：0px 0px 0px black;

それは選択のn番目のオプション

Answer 7

太字のすべてのブラウザで大胆と仕事の同じ外観を与えます。

cssでこれを行う方法はありません。オプション間の区別が必要な場合は、色と背景を使用します。

.diff-option { 
    color : grey; 
} 
.other-options{ 
    color:white 
    background: ... 
} 

Answer 8

シンプルなソリューション：

<select> 
    <option>Simple</option> 
    <option class='bolden'>Bold</option> 
    <option>Simple</option> 
</select> 
<style> 
    .bolden{font-family:"Arial Black"} 
</style> 

例：https://jsfiddle.net/hnzhbz69/