使用CSS / JavaScript的带有下拉列表行为的文本框

时间:2010-02-09 20:41:58

标签: javascript jquery html css combobox

我正在尝试为小型网络表单创建统一的样式。

问题是下拉列表似乎根本不可能根据需要设置样式 - 来自操作系统的浏览器滚动选项等似乎。

我能看到的解决方案是操作组合框实现,以便我可以使用文本框,通过JavaScript / CSS管理选项,但我不知道从哪里开始。感觉好像有人之前必须做过这样的事情但是我已经环顾了谷歌并且只能在下拉列表中找到可怜的CSS示例,或者真正设计得很好的ComboBoxes我需要剥离到第n度以便工作。

我正在尝试创建的内容如下所示:

alt text http://www.freeimagehosting.net/uploads/9c58a53684.gif

之前有没有人做过这样的事情,或者他们能指出我做我需要的合适资源。它是一个ASP.NET实现,但如果需要,我会很乐意使用JQuery等吗?

感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

尝试使用jQuery插件Editable Select

答案 1 :(得分:0)

列表框由操作系统呈现,而不是由浏览器呈现。它们在Mac与Windows XP和Vista等上看起来会有所不同。

正如RegDwight建议的那样,你需要使用CSS / HTML / JavaScript滚动你自己,而忘记使用更高级的东西。