当前位置：文江博客话题详情

隐藏复选框列表中列表项的复选框图标

发布于 2024-11-18 01:51:45 字数 194 浏览 3 评论 0原文

有没有办法隐藏 ListItem 的复选框图标并仅显示值文本。

如下所示 - 项目的复选框被隐藏。

我可以发现我可以禁用（灰显）或完全隐藏（不可见）列表项，但不仅仅是隐藏复选框图标（方形）

items 是隐藏复选框的列表项

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

好倦 2024-11-25 01:51:45

我最近将其作为项目的一部分完成，并通过在创建 ListItem 时设置属性然后使用 CSS 对其进行样式化来完成。

li.Attributes.Add("id", "removecheckbox");

由于该属性是作为标记的一部分添加的，因此您可以在 CSS 中使用以下描述符。

#removecheckbox
{
    color: Gray;
}
#removecheckbox input
{
    display: none;
}

当然，您可以按照自己喜欢的任何方式格式化 CSS，但这应该可以帮助您入门。
如果您想了解在 CSS 中使用选择器的更多信息，请查看此参考 w3.org。

哈！

I recently did this as part of a project and accomplished it via setting an attribute when creating the ListItem and then using CSS to style it.

li.Attributes.Add("id", "removecheckbox");

Since the attribute is added as part of a tag, you can use the following descriptor in your CSS.

#removecheckbox
{
    color: Gray;
}
#removecheckbox input
{
    display: none;
}

Of course, you can format the CSS any way you'd like, but this should get you started.
If you'd like more information using selectors in CSS, check out this reference from w3.org.

HTH!

回复收藏 0 原文

蘑菇王子 2024-11-25 01:51:45

CSS3 将帮助您定义内联样式，好的一点是为 CheckBoxList 制作特殊的 UserControl 以使用以下解决方案

<style>
    input:disabled {
        display: none;
    }
</style>

，并在 CheckBoxList PreRender 事件中禁用 ListItem 以应用 CSS input:disabled 选择器

protected void CheckBoxListMajad_PreRender(object sender, EventArgs e)
{
    foreach (ListItem it in this.CheckBoxListMajad.Items)
    {
        if (it.Value.Equals("0"))
        {
            it.Enabled = false;
            it.Selected = false;
            it.Attributes.Add("style", "font-size:14px;height:16px;font-weight:bold;");
        }
    }
}

CheckBoxListMajad.RepeatColumn=3

CSS3 will help you, define Inline style, good point is to make special UserControl for CheckBoxList to use following solution

<style>
    input:disabled {
        display: none;
    }
</style>

and in CheckBoxList PreRender event disable ListItem to apply CSS input:disabled selector

protected void CheckBoxListMajad_PreRender(object sender, EventArgs e)
{
    foreach (ListItem it in this.CheckBoxListMajad.Items)
    {
        if (it.Value.Equals("0"))
        {
            it.Enabled = false;
            it.Selected = false;
            it.Attributes.Add("style", "font-size:14px;height:16px;font-weight:bold;");
        }
    }
}

CheckBoxListMajad.RepeatColumn=3

回复收藏 0 原文

~没有更多了~