1 Reply Latest reply on Feb 22, 2010 12:03 PM by Nancy OShea

    Change Border Color of a TextField when i rollover?


      How can i change the color in red when i rollover into my form that i have made with dreamweaver?

      i have name email and comments ,and when i pass with the mouse i want the borders change into other color and when im out to be normally.

      i have this until now.

      <style type="text/css" media="screen">


      /* For standards browsers */
      input[type="text"]:focus {
      border: 1px solid #FF0000;


      /* For Internet Explorer */
      input.focus {
      border: 1px solid #FF0000;
      /* For standards  browsers */
          input[type="text"]:focus, textarea:focus {
            border: 1px solid  #FF0000;
          /* For Internet Explorer */
           input.focus, textarea.focus {
            border: 1px solid #FF0000;

      what do i need more to get the rollover at my borders?

      thank you

        • 1. Re: Change Border Color of a TextField when i rollover?
          Nancy OShea Adobe Community Professional & MVP

          Try this instead of what you have now. Change colors to match your site:


          <style type="text/css">

          input, textarea {
          border: 1px solid #FFF;
          color: #000;
          font-size: 1.2em;
          background-color: #C6C6F9;

          input:focus, input:hover, textarea:focus, textarea:hover {

          border: 1px solid #FF0000;

          color: #FFF;
          background-color: #5858C1;




          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists