1

テキストCRMにマウスを合わせると、ポップアップが開きます。テキストにマウスを合わせると、テキストの色が変わります。ホバーすると、テキストの色が赤になります。

以下にコードを提供しました。

クラスにホバープロパティを指定しましたが、機能していません。どうすれば修正できますか？

http://jsfiddle.net/a5tjG/3/embedded/result/

.cubeTextStyleCRM:hover {
    color: red;
}
$('document').ready(function() {
                window.setTimeout(function() {
                    $('.cubeCellCRM').each(function() {
                        var htmlText = $(this).attr('data-text');
                        $(this).append('<div class="cubeTextStyleCRM">' + htmlText + '</div>');

                        $(this).hover(

                        function() {
                            $(".cubeTextStyleCRM").append("<span class='divStock'>Customer Relationship Management</span>");

                        },

                        function() {
                            $(this).find("span:last").remove();
                        });
                    });
                }, 600);

            });

<div class="cubeCellCRM" data-text="CRM" data-caption="
                                &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='#' &gt;Create&lt;/a&gt; &lt;div&gt; 
                                &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='#' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; 
                                &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='#' &gt;Reports&lt;/a&gt;"
                        data-image="http://intra.defie.co/images/Desktop_icons_02.07.13/CRM.png"></div>
                    </div>
4

1 に答える 1

1

CSS.cubeTextStyleCRMには、color: #333 !important;色をオーバーライドする があります。そのままにしcolor: #333;ておけば、:hoverうまくいくはずです。何らかの理由で CSS のその部分に到達できない場合は、次のようにそのルールをもう一度書き直してください。

<style>
.cubeTextStyleCRM {
  color: #333;
}
.cubeTextStyleCRM:hover {
  color: red;
}
</style>
于 2013-03-14T00:54:30.617 に答える