css - 字段集图例中的 IE7 首字母缩略词下划线

Question

我在字段集/图例中有一个首字母缩写词:

<fieldset>
    <legend>
        <acronym>foo</acronym>
    </legend>
</fieldset>

在 Firefox 中，这会用虚线下划线呈现，以向用户发出信号，如果他们将鼠标悬停在上面，就会发现那里有东西。

在 IE 中不显示虚线下划线？

我试过像这样在 css 中强制使用它:

style="border-bottom:1px dotted #000000 !important;"

但我似乎无法让它显示出来。有什么想法吗？

Answer 1

将首字母缩写词的显示样式设置为inline-block，这样IE7就会显示您在样式中指定的边框。