textarea中默认文字颜色设为其他颜色,自己输入的文字设为黑色 5
我想将在textarea中默认文字用color:#7ba8ae;颜色显示,然后自己输入的文字用color:black;显示。我用jquery和css实验了,如果我输入我的...
我想将在textarea中默认文字用color: #7ba8ae;颜色显示,然后自己输入的文字用color:black;显示。
我用jquery和css实验了,如果我输入我的文字,但是当鼠标没有focus在textarea时,颜色依旧会跳回到我设置input、textarea的color:#7ba8ae;而不是black。
下面是我的代码,请问有什么方法可以解决这个问题?
[code=html]
<asp:TextBox ID="txt_liuyan" runat="server" TextMode="MultiLine">亲,欢迎访问邱少奇求职网站,有什么想对我说的就写下来吧!!(在下面的框框中留下您的name,方便的话请留下您的联系方式。↓)</asp:TextBox>
[/code]
[code=jQuery]
$(function () {
$(":input").focus(function () {
$(this).addClass("focus");
if ($(this).val() == this.defaultValue) {
$(this).val("");
}
}).blur(function () {
$(this).removeClass("focus");
if ($(this).val() == '') {
$(this).val(this.defaultValue);
}
});
});
[/code]
[code=css]
input, textarea{
border:1px solid #C3CED9;
color: #7ba8ae;
font-size: 14px;
font-family: "宋体";
}
.focus{
border:1px solid #7ba8ae;
background-color: #F7F7F7;
color:black;}
[/code] 展开
我用jquery和css实验了,如果我输入我的文字,但是当鼠标没有focus在textarea时,颜色依旧会跳回到我设置input、textarea的color:#7ba8ae;而不是black。
下面是我的代码,请问有什么方法可以解决这个问题?
[code=html]
<asp:TextBox ID="txt_liuyan" runat="server" TextMode="MultiLine">亲,欢迎访问邱少奇求职网站,有什么想对我说的就写下来吧!!(在下面的框框中留下您的name,方便的话请留下您的联系方式。↓)</asp:TextBox>
[/code]
[code=jQuery]
$(function () {
$(":input").focus(function () {
$(this).addClass("focus");
if ($(this).val() == this.defaultValue) {
$(this).val("");
}
}).blur(function () {
$(this).removeClass("focus");
if ($(this).val() == '') {
$(this).val(this.defaultValue);
}
});
});
[/code]
[code=css]
input, textarea{
border:1px solid #C3CED9;
color: #7ba8ae;
font-size: 14px;
font-family: "宋体";
}
.focus{
border:1px solid #7ba8ae;
background-color: #F7F7F7;
color:black;}
[/code] 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询