0

VS2010 Web アプリで ASP.NET メニュー コントロールを使用しています。動的メニュー項目のクリック可能領域に問題があったため、style=display:block を使用しましたが、現在は問題ありませんが、動的メニュー項目のフォント サイズを変更することはできません。今変わりました!! display:block を使用する前は問題ありませんでしたが、現在は小さく表示され、サイズを変更できません。スタイルで font-size:large を使用し、コントロール タグで font-size="large" も設定しましたしかし、まだ運がありません！ここで何がうまくいかないのですか？どうすれば両方を正しく持つことができますか?

DynamicMenuItemStyle で cssstyle="myStyle" を使用しています。cssstyle を削除すると、フォントの変更が行われます。

これが私のメニューです: ...

                                        <DynamicMenuItemStyle HorizontalPadding="5" Font-Size="XX-Large" CssClass="MenuFullClick" />
                                    <DynamicMenuStyle BackColor="#E6C679" Font-Size="XX-Large" Width="230px" />
                                    <DynamicHoverStyle Font-Size="XX-Large" Width="230px" />

そしてこれは私のCSSです：

        .MenuFullClick
    {
         display: block;
         color:White;
         Height:40px;
         Width:230px;
         font-size:xx-large;
    }

最終的にレンダリングされた HTML は次のようになります: ...

<table border="0" cellpadding="0" cellspacing="0">
    <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="Menu1n6">
        <td><table class="MenuFullClick Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
                <td style="white-space:nowrap;width:100%;"><a class="Menu1_1 MenuFullClick Menu1_3" href="products.aspx?id=1" style="border-style:none;font-size:1em;">انواع دستمال کاغذی</a></td><td style="width:0;"><img src="Images/arrow.png" alt="Expand انواع دستمال کاغذی" style="border-style:none;vertical-align:middle;" /></td>
            </tr>
        </table></td>
    </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="Menu1n7">
        <td><table class="MenuFullClick Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
                <td style="white-space:nowrap;width:100%;"><a class="Menu1_1 MenuFullClick Menu1_3" href="pr1.aspx?catcode=9" style="border-style:none;font-size:1em;">پوشک بچه</a></td>
            </tr>
        </table></td>

ありがとう

4

1 に答える 1

1

仕事で返事が遅くなってすみません。

あなたのリンクはstyle="border-style:none;font-size:1em;"

そのためfont-size:1em;、フォントサイズが設定されます。font-sizefromを削除しDynamicHoverStyleて、cssクラスに配置する必要があります。

于 2012-05-18T09:11:22.710 に答える