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

    Change Border Color of a TextField when i rollover?

    dakota222

      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;
          }
      </style>

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


          </style>

           

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists
          www.alt-web.com/
          www.twitter.com/altweb
          www.alt-web.blogspot.com