html - 选择和输入的文字颜色

这让我发疯。我有一个将文本颜色设置为紫色的表单，但是由于某种原因，所选文本比输入文本“更强”。不知道为什么！

http://jsfiddle.net/ZtyHS/

有什么建议么？

我的CSS：

.formBox, .normSelect {
    color: purple;
    font-size: 15px;
    padding: 6px 8px 5px;
    outline-color: transparent;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

最佳答案

您看到的是placeholder，它是没有输入任何值时显示的文本。 http://css-tricks.com/snippets/css/style-placeholder-text/和Change an HTML5 input's placeholder color with CSS解释了如何设置placeholder的样式：

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

关于html - 选择和输入的文字颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17685333/