在消息字段中隐藏滚动条

Question

我正在尝试向网站添加消息字段。消息字段在除IE之外的所有浏览器中都能正常工作有一个垂直滚动条，一直显示在它旁边。请帮我把它删除。感谢

这是代码，

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

Answer 1

将此添加到您的风格中：

textarea { overflow: auto; }

找到它here

Answer 2

将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。

Answer 3

使用

textarea { overflow: auto; }