我有一个下拉列表,列出了字体系列。像Tahoma,Arial,Verdana等。我想根据其代表的值更改每个下拉项的字体系列。就像Photoshop一样。
我更改了每个下拉项的CSS,但仅适用于FireFox。它不能在任何其他浏览器上使用。
我不想使用任何jQuery插件。
这是因为子select元素(option)并非真正可样式化,而Firefox似乎是唯一忽略规范那部分的浏览器。
select
option
解决方法是将您的select元素替换为仅使用可样式化元素的自定义小部件,也许还需要一些用于交互的JavaScript。就像这里所做的: http : //jsfiddle.net/sidonaldson/jL7uU/ 或http://jsfiddle.net/theredhead/4PQzp/