2011-02-24 12 views
0

選択ボックスの最初の行の隣に小さいテキストのスタイル付き行を追加する簡単な方法はありますか?選択ボックスの最初の行の隣にテキスト行がありますか?

例えば:

box

私は、次のようなコードを使用しています:

<select name="textarea" size="10" multiple="multiple" id="textarea"> 
    <option>something</option> 
    <option>something else</option> 
    <option>another thing</option> 
    </select> 

テキストのみ、これまで次のデータが最初にあったこれまでのものに表示される必要があるであろうライン。もしあなたがそれが華麗になるのを助けることができたら!

+0

「第1行」は「第1の選択肢」と異なることはありますか? – sdleihssirhc

+0

はい、既に選択したオプションをリストの先頭に移動するスクリプトを使用しています。 – David

答えて

3

option要素では他のhtml要素の入れ子を許可しないため、文字列の一部のスタイルを変更することはできません。もちろん、javascriptの "fancy drop-down"型のスクリプトを使用して、擬似選択要素を作成して、スタイルを使ってナットを実行することもできます。しかし、普通の古いselectタグでは、ダイスはありません。

+0

バマー、あなたの助けに感謝クリス。 – David

+0

は、CSSを介して少なくとも知っている最初の行の色を少なくとも変更する方法はありますか? – David

+0

インラインCSSまたはクラスを、1つまたは複数のOPTIONタグ全体に常に追加できます。このサンプルをチェックしてください:http://jsfiddle.net/bGpdb/そこから、 'first-letter'のようなCSS3擬似セレクタのいくつかを使うことができるかもしれませんが、必ずしもクロスブラウザではなく、あなたが特定のスタイルでそこに入ることができないので、とにかくあなたのニーズに合わないかもしれません。 –