html - CSS 更改文本框字体颜色

Question

我搜索了又搜索，但还是不太对。我的网站上有一个文本框，在我的 CSS/HTML 中，我将它定义为一个类，就像其他任何东西一样，并给它一个背景图片没问题。我决定我需要更改字体颜色，但无论我做什么，它都不起作用。

我的文本框 CSS 是:

.tb1 {
    background-color : #505050;
    background-image: url(images/mb_btn2.jpg);
    color: 0090ff;
    border-style: none;
    onfocus="this.value=''
}

...这似乎不太奏效。

我阅读了其他人对使用

声明的类似问题的回答

onfocus="this.value=''

什么都没做，然后我试了，一个占位符:

<input name="username" type="text" class="tb1" maxlength="24" placeholder="Username"/>

这种方法行之有效。它在文本框中放置了一个蓝色的“用户名”。但我必须删除它才能开始打字，当你打字时它仍然是黑色的，而不是定义的颜色。

这是 HTML 格式:

<div id="login" class="login"><center>
<form action="login.php" method="post">
Username:<br><input name="username" type="text" class="tb1" placeholder="Username"<br/>
Password:<br><input class ="tb1" type="password" name="password" placeholder="Password"/><br />
<input class="tb1" type="submit" name="login" value="Login"/>
</form></center>
</div> 

那么什么可以改变我的文本框的颜色呢？和/或在您单击它时清除它以便清除“用户名”或“密码”并且您可以输入您的信息而不必在输入之前自行删除它？......哦还有提交按钮

• 谢谢

Answer 1

Fiddle

你错过了 # :color: #0090ff;