在 html 中提交的已禁用 select 上显示工具提示

Question

我需要在禁用的 select 字段上弹出工具提示，我目前使用 angularjs v1.3.7，使用 angular-foundation tooltip 来显示工具提示内容。

请给我建议可能的解决方案。

提前致谢！！！

Answer 1

没有在 Angular 的那个版本中尝试过，但我记得它不起作用。您始终可以将 select 字段包装在 div 中，并在其上添加工具提示而不是您的字段。

<div popover-trigger="mouseenter" popover="I appeared on mouse enter!" style="display:inline-block;width:200px;">
        <select disabled>
          <option value="volvo">Volvo</option>
          <option value="saab">Saab</option>
          <option value="mercedes">Mercedes</option>
          <option value="audi">Audi</option>
        </select>
      </div>

看到一个demo。

在 html 中提交的已禁用 select 上显示工具提示

display tool tip over disabled select filed in html

zurb-foundation

angularjs