与占位符文本相比，Div标签模糊

Question

我无法在DIV标签和输入占位符标签之间获得相同的文字：

下拉列表的CSS：

.title {
    font-size: 14px;
    color: #606060;
}

占位符的CSS：

input::-webkit-input-placeholder {
    color: #606060;
    font-size: 14px;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #606060;
    font-size: 14px;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #606060;
    font-size: 14px;
}

input:-ms-input-placeholder {  
    color: #606060;
    font-size: 14px;
}

HTML：

<div class="title">Serviço?</div>
<ul>
    <li>Centros</li>
    <li>Vidros</li>
</ul>

Answer 1

这种“模糊”是由text-shadow属性引起的。将其设置为无：

placeholder {
text-shadow: none;
}