输入的'占位符'字体系列不能设置为'value'字体系列（所有其他样式都可以工作）

Question

这是一个非常具体的问题我正在为输入字段设置样式...似乎即使我为'占位符'设置了不同的字体系列，它总是被输入'value'字体系列覆盖 - 即使申请时！重要。我不是问如何设置占位符样式，这很容易，我问是否有人能够让占位符使用与输入本身不同的字体系列？

以下是我正在使用的代码：http://codepen.io/anon/pen/pyRvKm

<input type="text" class="search-field" placeholder="Search here" required>

.search-field {
    width: 230px;
    padding-left: 17px;
    height: 35px;
    border-left: 1px solid #a0a0a0;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    outline: none;
    font-family: Georgia,serif;
    font-size: 16px;
    color: #060225;
}
.search-field::-webkit-input-placeholder,
.search-field:-moz-placeholder,
.search-field::-moz-placeholder,
.search-field:-ms-input-placeholder,
.search-field:placeholder-shown {
  font-family: Arial;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  color: #ccc;
}