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 显示您在样式中指定的边框。