よろしくお願いいたします。
webアプリ開発のUIにjsfを使わなければならなくなり、それに伴いCSSも勉強を始めたばかりです。
表題の件ですが、リンクにカーソルを当てた時のみ色を赤にしたいのですが、ただ赤にすることしか実現できていません。
検索したデータの結果を、写真の「品番」に、一覧として出力し、さらにこの品番をリンクとして、別ページに飛ばすロジックとなっています。
cssについてたくさんのサイトを参考にして、「a:hover」を使い下記サンプルのように記述する…という事は分かったのですが
■サンプルコード
a:hover{ color:#E48E00; text-decoration:underline; }
↑これを、当該コード(下記参考)にどのように使えばよいのかがわかりません。
当該ソースには外部cssクラスを使用していません。
検索したデータの結果を、写真の「品番」に、一覧として出力していく為、下記のようなコードになっています。
<td><h:outputLink value="#{request.getContextPath()}/jsp/biz/hoge/hogeHoge.xhtml?hogecd=#{v.hogecd}" style="color:red;">#{v.goodscd}</h:outputLink></td>
<h:outputLink>タブ内後ろに、" style="color:red;"と記述すれば文字は赤くなるのですが、
マウスオン時にのみ色を変える為にはどのような記述が必要なのでしょうか。
css超初心者の為、とんちんかんな質問でしたらすみません。
そこに記述するのでは無い、または他に方法があるようでしたらなんでも良いので実現方法をご教示ください。
有職者の皆様、ご回答をお待ちしております。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/08 00:40