Outline Required Field Bulletin For Free

To set the color of the border of an element, we first need to get the element object using the document. getElementById() method and then set the style. borderColor property. If we give only a single color value or name in the parameter, then it will add that same color on all four sides.

To change color follow these steps: Open your Contact Form settings and find ?CSS/HTML code? tab: In the ?CSS code? window find this line: and change it to, for example, this border: 1px solid #00FF00; where #00FF00 is hex code of the color you chose. You will get this result (borders are green):

Introduction <script type="text/javascript" language="javascript"> function validate() { var txt = document.getElementById('<%= txtusername.ClientID %>'); var txt2 = document.getElementById('<%= txtpass.ClientID %>'); if (txt.value == "") { txt.style.border = "1px solid Red"; return false; }

To set the color of the border of an element, we first need to get the element object using the document. getElementById() method and then set the style. borderColor property. If we give only a single color value or name in the parameter, then it will add that same color on all four sides.

The color can be set by: name - specify a color name, like "red" HEX - specify a HEX value, like "#ff0000" RGB - specify a RGB value, like "rgb(255,0,0)" HSL - specify a HSL value, like "hsl(0, 100%, 50%)" transparent.

Method 2: Applying JavaScript Event Handlers style. borderColor = '#cccccc'; }); In the above code snippet, the input field's border color will change to red when it gains focus and revert to a light gray color (#cccccc) when it loses focus.

Inside the CSS file, you will look for the ?border-color? property as highlighted in the example shown below. This is where you will alter the value for the color to be used on the HTML page.