0

次のマークアップがあり、iphone 4で実行しているため、ホバーなどの一部のCSS要素が機能しません。

<asp:Repeater ID="rpt" runat="server">
    <HeaderTemplate>
        <div class="table withshadow">
    </HeaderTemplate>
    <ItemTemplate>
         <a href='<%#Eval("HistoryTeacherURL")%>' class="tablerow list navigate">
            <div class="tablecell listitem left">
                <asp:Label ID="lblDesc" Text='<%#Eval("Name")%>' runat="server" CssClass="item" /><br />                    
            </div>                            
            <div class="tablecell listitem right">
                <touch:TutorialSheets ID="lblBal" Text='<%#Eval("Tutorial")%>' runat="server" CssClass="amount item" />
            </div>
            <div  class="tablecell listitem witharrow">                        
            </div>
         </a>
    </ItemTemplate>
    <FooterTemplate>
        </div>
    </FooterTemplate>
</asp:Repeater>

リンクをクリックすると、色が赤に変わるはずです。問題は、このタイプのCSSはFirefoxで機能しますが、iphone4では機能しないことです。

a:active
{    
    background-color: #31ac48;
    font-color: #ffffff;
}

この問題の代替ソリューション（javascript、jqueryなど）を見て、それらの少なくとも1つがiphone4で動作するようにすることも素晴らしいでしょう:-)

4

2 に答える 2

1

jQueryを使用できます。

$("a").click(function() {
    if $(this).is(":active") {
        (this).css("font-color", "red");
    }
});

フィドルを参照してください：http：//jsfiddle.net/bMyMd/

于 2013-03-12T03:42:17.147 に答える
1

すべての疑似クラスを使用していますか、それとも1つだけを使用していますか？
少なくとも2つを使用している場合は、それらが正しい順序になっていることを確認してください。そうでない場合、すべてが壊れます。

a:link
a:visited
a:hover
a:active

その順序で。また、使用しているだけの場合は、スタイリングしていなくても:active、を追加してください。a:link

于 2013-03-12T04:32:23.593 に答える