Change border style and cursor : CSS « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. CSS

Change border style and cursor

    


<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
               $("div").click(function () {
                 $(this).css({ borderStyle:"inset", cursor:"wait" });
                  
               });

        });
    </script>
    <style>
      input { display:none;margin:10px; }
    </style>
  </head>
  <body>
    <body>
          <div>Click me</div>
          <input type="text" />
          <input type="text"/>
          <input type="text" />

    </body>
</html>








Related examples in the same category

1.Change color for DIV
2.Change submit button background and border
3.Change background color
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: