Question

How do you change the border colour of a text box (on focus and on blur) with an extender attached to it?

I tried some JavaScript which worked on the text box by itself, but not with rounded corners extender attached.

I don’t have the JS on me right now, but if you wat the code, let me know and I’ll add it.

Answer 1

I think the easiest way to do this is use jQuery to select the element for the rounded corners then manipulate its background color.

1. Include the jQuery script in your page

2. In your onblur() and onfocus() event handlers, change the background color using the following syntax. You can use Firebug or Chrome Developer Tools to obtain the element ID (see attached screenshot). [e.g. ctl00_SampleContent_Panel1]

   $(“#ctl00_SampleContent_Panel1”).css(‘background-color’, ‘blue’);