Hi.

I am now making some code which is to change button borderstyle when mouse over or out.

I made code following as.

 btnAttend.Attributes.Add("onmouseover", "this.style.borderstyle='solid'")
 btnAttend.Attributes.Add("onmouseout", "this.style.BorderStyle='none'")

But nothing changed. what do i have problem ?

I tried to change button backcolor and it was ok.

 you write some css class one with border and one without border. now change the class of the btn on mouse over

btnAttend.Attributes.Add("onmouseover", "this.className='myclass'"); 

itman21c:

I made code following as.

 btnAttend.Attributes.Add("onmouseover", "this.style.borderstyle='solid'")
 btnAttend.Attributes.Add("onmouseout", "this.style.BorderStyle='none'")

But nothing changed. what do i have problem ?

I tried to change button backcolor and it was ok.

Actually you need to set the borderwidth for  btnAttend. try to set the borderwidth to 1px or more

 Ex.

<asp:Button ID="Button2" runat="server" Text="Button" BorderWidth="1px" onmouseover="this.style.borderStyle ='none';" onmouseout="this.style.borderStyle ='solid';"/> 

Hi.

I tried your code. But following warning happened.

Warning 1 Validation (ASP.Net): Attribute 'onmouseover' is not a valid attribute of element 'Button'. D:\test\test.aspx 13 22.

The above posted code is working for me.. and i am not sure why you are getting this error..

below is the tested code which is also working for me..

<asp:Button ID="Button2" runat="server" Text="Button" BorderWidth="1px" />
 

Page_Load event

        Button2.Attributes.Add("onmouseover", "this.style.borderStyle ='none';")
        Button2.Attributes.Add("onmouseout", "this.style.borderStyle ='solid';")

Check out this link. may be helpful to you..

http://www.velocityreviews.com/forums/t118385-how-to-do-onmouseoveronmouseout-events-on-aspnet-button.html 

A few things you can do to check why it's not working:

1. Look at the rendered HTML source, do the onmouseover and onmouseout events appear in the input button.
2. Check your browsers JavaScript support is turned on.
3. Check there are no JavaScript errors.
4. this.style.borderStyle is NOT the same as this.style.BorderStyle, javascript is case sensetive

If there's a javascript error, post it here.

This is tested on Mozilla works fine, but doesnt work on IE. Its not code,its browser ISSUE. 

<asp:Button ID="Button1" runat="server" Text="Button" onmouseover="this.style.borderStyle='solid';" onmouseout="this.style.borderStyle='none';" /><br />
        <input id="mybeuton" type="button" runat="server" value="Dinesh" onmouseover="this.style.borderStyle='solid';" onmousedown="this.style.borderStyle='none';" />

Hope this helps.