![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
リストボックス(multipleなselect)の選択された部分の色をCSSで変えたいと思っているのですが、記述方法がわかりません。
デフォルトですと選択された部分はネイビーのバックに白文字になるのですが、これを色を変えたり、ボールドをかけたりしたいのです。
「:selected」みたいな疑似要素があるのかと思ったのですが、どうやらないようですね・・・。
「::selection」というCSS3から使える疑似要素があるようですが、これはページ上のテキストを選択した場合のもののようで、リストボックスの選択項目には影響ありませんでした。
ご存知の方ご教示ください。
No.3ベストアンサー
- 回答日時:
選択した時にスタイルを適用するのなら
option:checked { font-weight: bold }
でしょうか。Firefox 3.0.10 で確認しています。
再びありがとうございます。
教えていただいた方法で出来ました!
が、また別な問題が・・・。
font-weght、font-size等は機能するのですが、color、backgroundは機能せず同設定してもデフォルトのままです。
もしこれもご存知でしたらご教示ください。
よろしくお願いいたします。
No.2
- 回答日時:
回答ありがとうございます。
Ajaxというかjqueryのプラグインでそういうのがあるようですね。
スタイルを変えるためだけに大げさな気もしますが、他に方法が無ければこれで行こうかと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- Visual Basic(VBA) 入力ボックスが繰り返しポップアップして止まらない。 下記コードでファイル名の変更をしたいのですが、変 1 2022/09/08 11:27
- JavaScript HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文 3 2022/03/31 23:35
- Excel(エクセル) Excelで質問です。 詳細(写真) ①黄色の部分を全てプルダウンを設定する。 ②リストはG列 ③リ 1 2023/06/16 21:54
- Access(アクセス) access フォーム 大分類、小分類 1 2022/08/11 18:03
- PowerPoint(パワーポイント) PowerPointの箇条書きの既定のリストを変更する方法について 1 2022/12/15 18:41
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- Visual Basic(VBA) データのある範囲を選択するVBAについて 2 2022/09/03 00:20
- その他(クラウドサービス・オンラインストレージ) Googleカレンダーの予定の色を変えたい、文字色を変えたい。 1 2022/10/18 21:43
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
チェックボックスとセレクトボ...
-
メールフォームのプルダウンメ...
-
買い物カゴの作成
-
リストボックス(multipleなsel...
-
select値をhiddenのvalueに渡し...
-
OPTIONタグにループは使えない...
-
FORMのselectの選択肢を最初か...
-
Select Case について教えてく...
-
wordの数式について 定積分を書...
-
チェックボックスの返す値
-
VB.net データーグリッドビュー...
-
[HTML]プルダウンメニューの横...
-
Error: No Recipient というエ...
-
パールの-pオプションの値0777...
-
CGIでチェックボックスを使...
-
Shiromuku様のCGIの幅設定な...
-
CGIでラジオボタンの選択結果を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
ある条件での必須入力について
-
チェックボックスグループの一...
-
<select>タグの幅設定
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
プルダウンメニューにテキスト...
-
HTML プルダウンメニューの選択...
-
PHPで検索ボタンを押さずに検索...
-
iframeごとに戻るボタンを
-
リストボックス(multipleなsel...
-
メールフォームのプルダウンメ...
-
チェックボックスの余白を指定...
-
htmlで on off 未選択 を表現す...
おすすめ情報