Change submit button background and border

    

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
       var input = $(":submit").css({background:"yellow", border:"3px red solid"});
    
       $('#result').text('jQuery matched ' + input.length + ' elements.');
        
    });
    </script>
  </head>
  <body>
     <form><input type="submit" /></form>
     <div id="result"></div>


  </body>
</html>

Related examples in the same category

1.	Change color for DIV
2.	Change background color
3.	Change border style and cursor
4.	Change CSS visibility to hide a tag
5.	Remove style class
6.	Looks for the class 'selected' on the matched elements.
7.	Remove the class 'highlight' from the matched elements.
8.	Remove two classes
9.	Remove all the classes from the matched elements.
10.	Toggle the class 'highlight' when a paragraph is clicked.
11.	To access the background color of a clicked div.
12.	If the property name includes a "-", put it between quotation marks:

Change submit button background and border : CSS « jQuery « JavaScript DHTML

Related examples in the same category