消息字段中隐藏滚动条

我正在尝试将消息字段添加到网站。除IE外，所有浏览器中的消息字段均正常工作。有一个垂直滚动条，可以保持旁边的显示。请帮我把它删除。由于消息字段中隐藏滚动条

enter image description here 下面是代码，

<textarea name="message" cols="38" rows="12" id="message" style=" font-family: Verdana; color:#FFFFFF; font-size: 13px; background-color: #0E0E0F; border: 1px solid #740086; width:385px;" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;" margin-bottom:10px;="margin-bottom:10px;overflow: hidden;">Message</textarea>

来源

2012-06-07 Fahad Uddin

添加overflow:hidden的CSS。

<textarea 
    name="message" 
    cols="38" 
    rows="12" 
    id="message" 
    style="font-family:Verdana; color:#FFFFFF; font-size:13px; background-color:#0E0E0F; border:1px solid #740086; width:385px;margin-bottom:10px;overflow:hidden;" 
    onFocus="if(this.value==this.defaultValue)this.value='';" 
    onBlur="if(this.value=='')this.value=this.defaultValue;"> 
Message 
</textarea>

你也有你的HTML语法错误：

this.value=this.defaultValue;" margin-bottom:10px;="margin-bottom:10px;overflow: hidden;">

这里是jsFiddle。

来源

2012-06-07 21:09:38 tskuzzy

试过了。没有工作:( –

我给出的代码有这个属性，它不起作用，检查你的代码在IE上 –

你的代码有一个语法错误。 – tskuzzy

使用

textarea { overflow: auto; }

来源

2012-06-07 21:10:19 vivek

添加到您的风格：

textarea { overflow: auto; }

发现here

来源

2012-06-07 21:11:15 SebScoFr

消息字段中隐藏滚动条

回答

相关问题