html - 浏览器默认值

Question

我正在开发一个带有表单的简单页面。当我在页面中放置输入文本时，输入元素内出现的字符具有浏览器默认值，在使用开发人员工具的 chrome 中，我可以看到字体默认为“webkit-small-control”。但是将出现在页面中的字段之一将只是一个包含这样数据的跨度字段

<td>
   <span id="readOnlyField">data</span>
</td>

当我呈现页面时，跨度字段内的数据不等于输入文本字段内的数据。我的问题是，我如何知道浏览器应用于输入文本字段的字体和颜色？我不能使用值“webkit-small-control”，因为在其他浏览器中无法使用。

Answer 1

我只在 Mac 上的 Safari 中注意到这一点。为了让一切都按预期显示内容，您需要覆盖 Safaris 用户代理样式表:

font: -webkit-small-control;

可以在您的 reset.css 中使用它来覆盖:

button, input, textarea, select, isindex, datagrid {
    font: inherit;
}

我似乎无法在任何 reset.css 中找到它，但它帮了我的忙。