Question

html中<input> 默认值的样式如何设置

默认值和用户输入的 样式 如何才能弄的不一样。
比如：
<input type="text" id="test" value="格式为xxx@xxx.com" onfocus="cls()" onblur="res()"/>
默认值：格式为xxx@xxx.com为灰色字，
用户输入：比如aaa@123.com为黑色字。
@wuzhikun12:谢谢您，但你的方案不好。
我要实现的效果是：
用户输入的字体任何时候都是黑色，而不仅仅是onfocus的时候。

Answer 1

html中<input> 默认值的样式设置：

1. 修改隐式的显示文字默认值。可以使用（input::-webkit-input-placeholder{color:#0F0;}）。

   

   修改后默认的灰色的字体颜色会变为自行设置的绿色。

   

2. 修改用户输入时文字默认值。可以使用（input{color:#CF0;}）。

拓展资料：

input{

font-size:1.4em; 设置输入框中字体的大小

height:2.7em; 设置输入框的高度

border-radius:10px; 设置输入框的圆角的大小

border:1px solid #c8cccf;设置输入框边框的粗细和颜色

color:#986655; 设置输入框中文字的颜色

outline:0; 将输入框点击的时候出现的边框去掉

text-align:center; 设置输入框中文字的位置

display:block; 将输入框设置为块级元素

}

Answer 2

<input type="text" id="test" value="格式为xxx@xxx.com" onfocus="cls()" onblur="res()" style="color:gray;" onkeyprese="pre(this)"/>

pre = new function(el)
{
el.style.color = "black";
}

开始的时候是灰色，一旦用户输入，变为黑色。

Answer 3

onfocus="this.style.color='black'";