浏览器默认值

Question

我正在开发一个带有表单的简单页面.当我在页面中输入输入文本时,输入元素中出现的字符具有浏览器默认值,使用开发人员工具在chrome中我可以看到字体默认为"webkit-small-control".但是,页面中出现的其中一个字段将只是一个包含此类数据的span字段

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

当我渲染页面时,span字段内的数据不等于输入文本字段内的数据.我的问题是,我怎么知道浏览器应用于输入文本字段的字体和颜色？我不能使用值"webkit-small-control",因为它不能在另一个浏览器中工作.

Answer 1

我只是在Mac上的Safari中注意到了这一点.为了使所有内容都按预期显示内容,您需要覆盖Safaris用户代理样式表:

font: -webkit-small-control;

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

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

我似乎无法在任何reset.css中找到它,但它为我做了诀窍.