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

Question

这让我抓狂。我有一个表单，我将文本颜色设置为紫色，但由于某种原因，选择文本比输入文本“更强”。想不通为什么!

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; 
}

Answer 1

您看到的是占位符，即未输入任何值时显示的文本。 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;
}