输入占位符在我的页面上被翻译成跨度

Question

我有一个从母版页继承css的页面，所以我确信该页面中的某些内容会导致这个奇怪的问题，但我无法弄清楚它是什么。我的页面上有这些输入框：

<div class="Filters" id="DateFilters">
    <input type="text" id="afterdate" placeholder="After Date" class="datebox" onchange="changeAfterDate(this)" value=""/>
    <input type="text" id="beforedate" placeholder="Before Date" class="datebox" onchange="changeBeforeDate(this)" value="" style="float: right" />
</div>

在我附加母版页之前，它看起来像这样，它应该看起来像是

但是，添加母版页后，它看起来像这样：

当我查看页面源代码时，代码是相同的;但是，在Chrome中打开开发人员工具时，代码如下所示：

<div class="Filters" id="DateFilters">
    <span class="input-placeholder-text" style="color: rgb(0, 0, 0); position: absolute;">After Date</span>
    <input type="text" id="afterdate" class="datebox hasDatepicker" onchange="changeAfterDate(this)" value="">
    <span class="input-placeholder-text" style="color: rgb(0, 0, 0); position: absolute;">Before Date</span>
    <input type="text" id="beforedate" class="datebox hasDatepicker" onchange="changeBeforeDate(this)" value="" style="float: right">
</div>

有些东西导致占位符文本被拉出到自己的范围内，我不知道为什么。没有母版页，代码看起来就像我检查它时在源代码中所做的那样。