Cool....Thanks!

- Gary

-----Original Message-----
From: Adrian Lynch [mailto:[EMAIL PROTECTED] 
Sent: Friday, May 30, 2003 11:18 AM
To: CF-Talk
Subject: RE: OT - form buttons and css...

This seems to do the trick, it works on IE6

<style>
        .noborder {border: 0}
</style>

<form method="post" action="" name="myForm">
        <input type="text" name="myInput" value="My lovely borders"
onclick="myForm.myInput.className = 'noborder';"><br>
        <input type="button" name="myButton" value="I want my borders
back"
onclick="myForm.myInput.className = '';">
</form>

Not the nicest looking code, but there you go :O)

Ade

-----Original Message-----
From: Houk, Gary [mailto:[EMAIL PROTECTED]
Sent: 30 May 2003 15:46
To: CF-Talk
Subject: RE: OT - form buttons and css...


My app is behind our firewall, but I just created a quick test file for
you to check out. This may just be an IE specific issue.

- Gary

-----Original Message-----
From: Michael Tangorre [mailto:[EMAIL PROTECTED] 
Sent: Friday, May 30, 2003 10:13 AM
To: CF-Talk
Subject: Re: OT - form buttons and css...

send me a link so I can see this in action.


----- Original Message ----- 
From: "Houk, Gary" <[EMAIL PROTECTED]>
To: "CF-Talk" <[EMAIL PROTECTED]>
Sent: Friday, May 30, 2003 10:08 AM
Subject: RE: OT - form buttons and css...


> These are the two styles I have right now...
>
> .button {
> background-color: #EEF0F2;
> border: #666666;
> border-bottom-width: 1px;
> border-collapse: collapse;
> border-left-width: 1px;
> border-right-width: 1px;
> border-style: solid;
> border-top-width: 0px;
> color: Black;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 12px;
> width: 120px;
> }
>
> .buttonover {
> background-color: #D8DCE0;
> border: #666666;
> border-bottom-width: 1px;
> border-collapse: collapse;
> border-left-width: 1px;
> border-right-width: 1px;
> border-style: solid;
> border-top-width: 0px;
> color: Black;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 12px;
> width: 120px;
> }
>
> they are getting swapped using some js...but that border still appears
> around the entire button on the mousedown event....
>
> - Gary
>
> -----Original Message-----
> From: Adrian Lynch [mailto:[EMAIL PROTECTED]
> Sent: Friday, May 30, 2003 10:01 AM
> To: CF-Talk
> Subject: RE: OT - form buttons and css...
>
> You can remove it with css, so I guess you'd change the class
attribute
> with
> javascripts onfucus/onblur/onsomething.
>
> Ade
>
> -----Original Message-----
> From: Houk, Gary [mailto:[EMAIL PROTECTED]
> Sent: 30 May 2003 14:54
> To: CF-Talk
> Subject: OT - form buttons and css...
>
>
> Is there a way to disable the border that appears around an input
button
> after it is clicked using css?
>
> Thanks,
>
> - Gary
>
>
>
> 



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4
Subscription: 
http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribe&forumid=4
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq

Signup for the Fusion Authority news alert and keep up with the latest news in 
ColdFusion and related topics. 
http://www.fusionauthority.com/signup.cfm

                                Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
                                

Reply via email to