advanced code snippet search

Posted By

frederick on 07/10/10


Tagged


Versions (?)

CSS selectors in IE6 and IE7 with jQuery

 / Published in: HTML
 
Expand | Embed | Plain Text 
  1.   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.   <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.   	<head>
  5.   		<title></title>
  6.  
  7.   		<style type="text/css">
  8.  
  9.  
  10. 	  		#test input.text {
  11. 				background-color:red !important;
  12. 				width:270px;height:25px;
  13. 				padding:0px 5px;
  14. 				font-size:12px;line-height:25px;
  15. 				color:#333 !important;
  16. 				float:left;
  17. 				border:1px inset #666;
  18. 			}
  19.  
  20. 			#test input[type=text] {
  21. 				background-color:green !important;
  22. 				width:270px;height:25px;
  23. 				padding:0px 5px;
  24. 				font-size:12px;line-height:25px;
  25. 				color:#333 !important;
  26. 				float:left;
  27. 				border:1px inset #666;
  28. 			}
  29.  
  30.   		</style>
  31.  
  32.   		<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
  33.  
  34.  
  35.   		<!-- IE6 and IE7 FIX: WIll add class in jsview -->
  36.   		<script type="text/javascript">
  37.   		// <![CDATA[
  38. 		$(document).ready(function(){
  39. 		     $("#test input[type=text]").addClass("text");
  40. 		     $("#module_global-form div input[type=submit]").addClass("submit");
  41. 		     $(".form-section .section_content div input[id*=date]").addClass("text_short");
  42. 			 $(".form-section .section_content div input[id*=time]").addClass("text_short"); 
  43. 			 $(".form-section .section_content div input[id*=vehicles]").addClass("text_short");
  44. 			 $(".form-section .section_content div input[id*=dob]").addClass("text_short");
  45. 			 $(".form-section .section_content div input[id*=age]").addClass("text_short");
  46. 			 $(".form-section .section_content div input[id*=grade]").addClass("text_short");    
  47. 			 $(".form-section .section_content div input[id*=attendance]").addClass("text_short");  
  48. 			 $(".form-section .section_content div input[id*=school_phone]").addClass("text_short");
  49. 		  });
  50. 		  // ]]>
  51.   		</script>
  52.  
  53.   	</head>
  54.   	<body>
  55.  
  56.   		<div id="test"> 
  57.   			<label>test this</label></label><input value="" name="" id="" type="text" /> 
  58.   		</div>
  59.  
  60.   	</body>
  61.   </html>

Report this snippet  

You need to login to post a comment.