Home/ Questions/Q 8049579
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T06:49:12+00:00

I am trying to add a message field to a website. The message field

  • 0

I am trying to add a message field to a website. The message field works fine in all browser except IE. There is a vertical scroll bar that keeps displaying next to it. Please help me out to remove it. Thanks

enter image description here
Here is the code,

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add overflow:hidden to the 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>

    You also had a syntax error in your HTML:

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

    Here is the jsFiddle.

    • 0