JavaScript border-color/color styling

Posted by Dan on Stack Overflow See other posts from Stack Overflow or by Dan
Published on 2010-04-12T02:10:04Z Indexed on 2010/04/12 2:13 UTC
Read the original article Hit count: 487

Filed under:

border-color

|

color

|

JavaScript

|

js

Hi! I'd like to style 'input.submit' of a form (hover effect for IE) using JS and tried the following which doesn't work unfortunately.

<!--[if IE]>
<script type="text/javascript">

// CHANGE SUBMIT STYLE
var foo = document.getElementByClass('input.submit');
foo.onmouseover = this.style.border-color='#000000'; this.style.color='#000000';
foo.onmouseout = this.style.border-color='#888888'; this.style.color='#888888';
foo.onclick = this.style.border-color='#000000'; this.style.color='#000000';

</script>
<![endif]-->

Could you please fix this for me? TIA, Dan

© Stack Overflow or respective owner

Related posts about border-color

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
[JavaScript-CSS-Firefox] Cannot change borderColor of TD

as seen on Stack Overflow - Search for 'Stack Overflow'
Using JS to set the background color of a TD is fine. But, setting the border color is problematic in FF 3.0.18 although IE 6 doesn't experience this. FF is problematic in that it requires the TD element to have an attribute style initialized to border-style: solid. Without that, setting border color… >>> More
Cannot change borderColor of TD

as seen on Stack Overflow - Search for 'Stack Overflow'
Using JS to set the background color of a TD is fine. But, setting the border color is problematic in FF 3.0.18 although IE 6 doesn't experience this. FF is problematic in that it requires the TD element to have an attribute style initialized to border-style: solid. Without that, setting border color… >>> More
JavaScript border-color/color styling

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi! I'd like to style 'input.submit' of a form (hover effect for IE) using JS and tried the following which doesn't work unfortunately. <!--[if IE]> <script type="text/javascript"> // CHANGE SUBMIT STYLE var foo = document.getElementByClass('input.submit'); foo.onmouseover = this.style… >>> More
How to change the border color of a Grouped UITableView

as seen on Stack Overflow - Search for 'Stack Overflow'
This concerns iPhoneOS-sdk-3.2 I am having difficulty changing the border color of a grouped UITableView. I can change the cell background color, separator color, text color, quite easily now, and the rounded corners clip correctly, even when highlighted with whatever colors I have chosen. However… >>> More

Related posts about color

ASP.NET Web API Exception Handling

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
When I talk about exceptions in my product team I often talk about two kind of exceptions, business and critical exceptions. Business exceptions are exceptions thrown based on “business rules”, for example if you aren’t allowed to do a purchase. Business exceptions in most case aren’t important to… >>> More
Design by Contract with Microsoft .Net Code Contract

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
I have done some talks on different events and summits about Defensive Programming and Design by Contract, last time was at Cornerstone’s Developer Summit 2010. Next time will be at SweNug (Sweden .Net User Group). I decided to write a blog post about of some stuffs I was talking about. Users are… >>> More
Use Extension method to write cleaner code

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
This blog post will show you step by step to refactoring some code to be more readable (at least what I think). Patrik Löwnedahl gave me some of the ideas when we where talking about making code much cleaner. The following is an simple application that will have a list of movies (Normal and Transfer)… >>> More
Setting color in two different ways @*android:color/color1 vs @android:color/color1

as seen on Stack Overflow - Search for 'Stack Overflow'
I have seen this example: @*android:color/secondary_text_light What's that * asterisk doing there? What is the difference when using or not? >>> More
Flex 3 color picker no color value

as seen on Stack Overflow - Search for 'Stack Overflow'
I need "no color" value in flex 3/4 color picker component. Here are some options I've investigated: 1) External componet. Searched a lot but didn't managed to find a suitable one. There is a great color picker that meets my needs completely, but it is in action script 2 format. I need as3. 2) Enhance… >>> More