jquery - 使 html 选择看起来像 span 的 css 类

Question

我试图根据某些条件使 select 看起来像 span。我有以下 css 类，它适用于输入框，但不适用于下拉列表。任何指导如何使选择看起来像跨度而不是用跨度替换选择？

jQuery 函数

function makeReadOnly(context) {
   $('input, select', context).each(function() {
   $(this).addClass('readOnlyInput');
   });​
}

CSS

.readOnlyInput
{
   border-width: 0;
   background-color: Transparent;
   text-align: right;
}

Answer 1

尝试对 SELECT 进行样式化是一条死胡同。用看起来和行为都像 SELECT 的列表替换页面加载时的 SELECT？完全可行:http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

尽管如此，请始终牢记可访问性。