没有在ASP.NET代码中动态设置CSS样式

Question

我试图通过使用此后面的代码来更改一组asp.net控件的CSS类和属性：

ASP.NET：

<span id="followbtn_mainbtn" runat="server" class="follow-btner" onclick="profile_followers_follow(this)">

        <img id="img_followingbtn" runat="server" class="profile-single-profile-follow-btn-img" src="icons/profico/following.png" style="display: none;">
        <img id="img_unfollowbtn" runat="server" class="profile-single-profile-unfollow-btn-img" src="icons/profico/unfollow.png" style="display: none;">
        <img id="img_followicon" runat="server" class="profile-single-profile-follow-icon" src="icons/profico/followIcon.png">

        <span id="span_following_text" runat="server" class="profile-single-profile-follow-btn-following">Follow</span>
        <span id="span_unfollow_text" runat="server" class="profile-single-profile-follow-btn-unfollow" style="display: none;">Unfollow</span>

      </span>

码：

followbtn_mainbtn.Attributes.CssStyle.Add("className", "follow-btner-no-hoverer");
span_unfollow_text.InnerText = "Following";
img_followingbtn.Attributes.CssStyle.Add("display", "block");
img_unfollowbtn.Attributes.CssStyle.Add("display", "block");
span_unfollow_text.Attributes.CssStyle.Add("display", "block");

但是，当我运行此程序时，看不到预期的结果。 如果我将适当的类硬编码到控件中，则它们可以正常工作，但代码不会动态执行。

我究竟做错了什么？

Answer 1

您是否在回发期间更新CSS？ 首先尝试将更改添加到窗体上的Page_Load方法，这将告诉您设置样式和类时代码正在工作。 如果代码有效，那么我将确保您在页面上和/或跨度的父控件上具有EnableViewState =“ false”。

Answer 2

这实际上是一个简单的错误。 我使用了错误的代码来更改跨度的CSS类“ followbtn_mainbtn”。

我替换了这个

followbtn_mainbtn.Attributes.CssStyle.Add("className", "follow-btner-no-hoverer");

有了这个

followbtn_mainbtn.Attributes["class"] = "follow-btner-no-hoverer";

瞧！ 木已成舟。 谢谢您的所有回答和评论:)

Answer 3

您可以使用此代码在后面的代码中更改CSS

 img_followingbtn.Style.Add("display", "block");