• 締切済み

CSSでセレクトボックス カーソル背景色について

お世話になります。 添付の赤枠で囲っている部分で カーソルをあわせたときの背景色を変更したいのですが 方法が分からず詰まっております。 focusやhoverだとちょっと挙動が違いました。。。 何かしらの方法あったような気がするのですが度忘れしてしまいまして お手数をおかけしますがぜひご教授ください!

みんなの回答

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

「easyselectbox.js」でググってください

seisoku
質問者

お礼

ご回答ありがとうございます。 選択肢を別のjqueryで切り替え設定していたので できれば使いたくなかったのですが やっぱりjquery使用するしかなさそうですね…。

関連するQ&A

  • a:linlk BOXの背景に色をつけたい

    http://www.boxicon.com/のサイトのようにリンク部分にカーソルを合わせたときに背景の色が変わるようにしたいです。 自分でいろいろやっているのですが「a:hover」などを使っても文字の周りの背景部分だけは色が変わるのですが、自分は文字部分だけではなくて該当サイトのようにBOXの部分ごと背景色が変わるようにしたいのです。 どのようにソースを書けばよいのでしょうか? また参考になるページなどがあれば教えてください。

    • ベストアンサー
    • HTML
  • コンボボックスの背景色が勝手に透明になる

    前回こちらで質問しました。http://oshiete.coneco.net/qa7778839.html hatena1989 様ありがとうございました。 しかし未だに解決しません。 コンボボックスのプロパティの 背景スタイル→普通 背景色→#FFFFFF にしているのですが、フォーカスが検索条件1コンボボックスから離れると、 検索条件1コンボボックスの背景色が、フォームの背景と同じ色になってしまいます。 検索条件1コンボボックスにフォーカスがある時は、プロパティで設定した白色になります。 添付画像の上は、検索条件1コンボボックスにフォーカスがある状態です。 下の画像は、始コンボボックスにカーソルがある状態です。 なぜか検索条件1コンボボックスだけこの現象が起こり、 始コンボボックスはフォーカスがあってもなくても指定した背景色のままです。 バージョンはアクセス2007です。 どういう現象なのでしょうか?ご回答よろしくお願いします。

  • CSS:hoverでナビボタンの背景画像を変えたいのですが・・

    CSS:hoverでナビボタンの背景画像を変えたいのですが・・ ナビボタンの左端に20pxくらいの余白をあけたいと思い、 #navi li{ list-style-type: none; line-height: 38px; font-size: 14px; padding-left: 20px; } としていました。が、hoverで背景画像が変わるように設定したところ、 Paddingの部分だけリンクが無効になっていて、変更画像が右に20pxずれて表示されます。 (リンク元のテキストの始まる部分からしかリンクが有効にならないので) display:block;の設定もしています。 結局、私の知識ではPadding-leftを削除して、テキストの左側にスペースを挿入するという 不細工な方法でしか思い通りの表示がされない状況です。 CSSでの正しい設定方法を教えていただけないでしょうか。

    • ベストアンサー
    • CSS
  • CSS・HTMLのロールオーバーについて

    テキストリンクにロールオーバーで任意の背景画像を入れるにはどうしたら良いでしょうか。 cssにて:hover擬似クラスで背景画像を指示し、テキストリンクにカーソルを合わせると背景画像が表示されるところまでは出来ましたが、リンク毎に画像を変える方法はありますでしょうか。(:hoverの擬似クラスを増やせば出来るとは思いますが、猥雑になってしまうので…) リンクが画像だったらonmouseoverで指定したことがありますが…。浅学なりに調べながら書いておりましたが、行き詰まってしまいました。 どなたかお知恵をおかしいただけますと幸いです。

  • 添付のように背景に画像を張るとき上下の画像を別に切り出して、背景画像と

    添付のように背景に画像を張るとき上下の画像を別に切り出して、背景画像としてCSSでレイアウトしたいのですが、うまくいきません。 background-position の設定をするのだということはわかるのですが、 赤枠でくくった部分の2枚の画像をそれぞれ上下に指定するにはどうしたらよいでしょうか? どうも今書いているソースではうまくいきませんどなたか回答お願いします。

  • 【CSS/HTML】ナビゲーションメニューについて

    【CSS/HTML】ナビゲーションメニューについて http://pegoring.blog108.fc2.com/ ・ボタンたちをコンテンツの幅に合わせる方法(左並びからセンタリングへ)を教えてください。 ・ボタンにカーソルを合したとき(hover)にそのカーソルを合したときの高さと背景の高さが合いません。 ・そのコンテンツの時にボタンの要素(色や背景など)を変更する方法を教えてください。(たとえば、Homeならチプページにいるときだけ、そのボタンだけ背景を変えるなど) →Javascriptになるとおもいます。javascriptに詳しい方、こっちも教えていただけると幸いですorz。 画像を横幅いっぱいにrepeatさせて、中央にコンテンツを置くようにしたいんです。 オレンジの背景が横いっぱいに最後まで続き、ボタンはコンテンツの幅に揃えたいんです。 とにかく、リンクから実際に見てもらえば言いたいことのおおよそはつかんでいただけると思います。

  • 貼り付けた図の背景を透明するには?

    こんにちは!いつもお世話になっております。 具満タンというソフトを使って、Wordに絵を貼りこんでパンフレットを作っています。 手のひら(手のかたちを一本線で描いたもの。手のひらの部分と背景は白)の図柄を張り込むと背景が白く 四角に切り取られた図が張り付きますが、背景をストライプにしたいので、背景を透明にしたいのです。 どのように処理すればよいでしょう? なお、これは有効ではなかったという処理は Wordツールバーにある「透明な色に設定」では手のひらの内側まで透明になってしまうので、背景色 をいれると手のひら部分まで背景色が反映してしまいます。 たいへんお手数ですがご教授お願いいたします。

  • CSS、spanを使用しての下線

    CSSのspanを使用して下線を引く方法を探しています。 <span class="A">あいうえお</span> 「あいうえお」の部分に、フォーカスを合わせた時だけ、文字と同じ色のアンダーラインを引きたいと思っています。 a:hover {text-decoration: none}の逆に近いものだと思っていただければ幸いです。 「あいうえお」はリンクではありません。フェイク用に至急必要となり、探しております。 この方法をご教授くださればと思っています。

  • JTableのセルの背景色について

    いつもお世話になっております。 JTableの背景色を行ごとに違う色にしたいのですが、なにか方法があるのでしょうか? 列単位での背景色の変更はできたのですが、行単位での方法がどうしてもわかりません。 ご教授よろしくお願いします。

    • ベストアンサー
    • Java
  • 一部分のリンクのCSSを無効にしたい

    HP全体、リンクの箇所にカーソルを持って行くとバックの色が変わるように設定をしています。 (a:hover の background-color を設定) しかし、一部のロゴ画像で、背景が透明色のものがあり、そのロゴ画像にリンクを貼ると、画像までロゴのバックが変わってしまいます。 ロゴの画像は、ロゴの下に写真を配置しているため、透明色を白に加工しなおすことができません。 この画像にマウスをおいても、背景が変わらないように(下の写真が見えているように)したいのですが、よい方法がありますでしょうか。 何かございましたら、ご教授下さい。 よろしくお願い致します。

    • ベストアンサー
    • CSS