ASP.NET列表框样式 - 删除边框并添加阴影

所以我有一段时间做一些我认为应该如此简单的事情。ASP.NET列表框样式 - 删除边框并添加阴影

我有一个<asp:ListBox />元素，我想风格，因为我认为默认看起来很可怕，特别是边框。

但是很少有属性在CSS中起作用，最显着的是无法删除边框。

需要注意的是，我需要它在IE8和IE7中工作，而不仅仅是其他更现代的浏览器。

This example site有漂亮的listbox元素，但我无法接近他们的任何地方。

有什么想法？

继承人的HTML：

<asp:ListBox ID="ListBox1" runat="server" SelectionMode="Multiple" AutoPostBack="true" 
    onselectedindexchanged="ListBox1_SelectedIndexChanged" CssClass="myListBox" > 
    <asp:ListItem>ITEM 1</asp:ListItem> 
    <asp:ListItem>ITEM 2</asp:ListItem> 
    <asp:ListItem>ITEM 3</asp:ListItem> 
    <asp:ListItem>ITEM 4</asp:ListItem> 
</asp:ListBox>

而CSS：

.myListBox 
{ 
    border-style:none; 
    border-width:0px; 
    border: none; 
    font-size:12pt; 
    font-family:Verdana; 
}

来源

2012-12-06 jamis0n

你有一个错字在你的CSS类

CssClass="myListbox"

应该

CssClass="myListBox"

然后你就可以在实际选择应用样式，即

.myListBox option { 
    background-color: #FFFF00; 
    color: #FF0000; 
}

虽然这不会在所有浏览器中都一样。因此，您需要根据自己的需求进行调整，或采取与第三方插件完全不同的方法（查看jquery ui选项）或构建自己的Peri声明。

一个选项可能是jQuery UI Multiselect，您应该可以使用Themeroller进行设计。

虽然你可能只是想玩弄自定义你自己的/不同的方法来满足你的需求。

来源

2012-12-06 21:55:23 MikeSmithDev

谢谢...我更新了这个，虽然它只是在Stack上的一个错字，而不是在我的代码中： – jamis0n

我需要使用什么jQuery元素？ – jamis0n

已更新的答案 – MikeSmithDev

的〔实施例网站没有使用列表框，他们只是使用HTML的无序列表。你可能无法实现他们用ASP.NET ListBox控件做的事情。你将不得不创建你自己的控制，并使其呈现你想要的。

来源

2012-12-06 21:24:26

ASP.NET列表框样式 - 删除边框并添加阴影

回答

相关问题