• Locked
3 replies [Last post]
Thu, 2010-05-13 00:46
bradmarsh
Offline
newbie
Last seen: 11 years 5 weeks ago
Timezone: GMT+10
Joined: 2010-05-13
Posts: 3
Points: 4

So I know it's not suppose to work in IE6 and focus is sketchy in 7 but IE 8 should :hover and :focus work on input fields?

works perfectly in chrome and FF.

and whats odd is that I have another site I implemented almost the same classes and CSS on and same input type fields and it actually works with the hover and focus...

I have compared these apart from color differences I can't see anything different.

So I have some forms that have classes assigned to them (rather than using the input name) here is my CSS, what on earth am I missing?

/*Form Styling*/
 
.FormTable {text-align:left;color:red;}
.FormLabel,.DynamicForms_Label {font-size:13px;font-weight:normal;color:#131c44;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;}
 
.FormTextBoxLogin,.FormTextBox,.DynamicForms_TextBox {
	background:url(images/FormLabel.jpg) repeat-x bottom #fff; 
	border:1px; 
	border-color:#b3b2b1;
	border-style:solid;
	width:190px;
	padding:6px 6px 6px 6px; 
	height:30px; 
	Margin:2px; 
	}
 
.FormTextBoxLogin:focus,.FormTextBox:focus,.DynamicForms_TextBox:focus, Input.FormTextArea:focus {
	border-color:#b3b2b1;
	background-color:#7ad8ec;
	background-image:none;
	border-width: 1px;
}
 
.FormTextBoxLogin:hover,.FormTextBox:hover,.DynamicForms_TextBox:hover, Input.FormTextBox:hover {
	border-color:#b3b2b1;
	background-color:#7ad8ec;
	background-image:none;
	border-width: 1px;
}
 
 
.FormTextArea {
	width:300px; 
	Height:180px;
	border:1px; 
	border-color:#b3b2b1;
	border-style:solid;
	background:url(images/FormLabel.jpg) repeat-x bottom #fff; 
	padding:6px 6px 6px 6px; 
	Margin:2px;
}
 
.FormTextArea:focus,.FormTextArea:hover {
	border-color:#b3b2b1;
	background-color:#7ad8ec;
	background-image:none;
	border-width: 1px;
}
 
.FormSubmit{margin:10px 10px 10px 0;Padding:5px 5px 5px 5px;}

Top
Tags:
Thu, 2010-05-13 03:39
#1
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 21 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Check browser support

Check browser support here:
http://csscreator.com/properties#Pseudo-classes

Top
Thu, 2010-05-13 22:14
#2
bradmarsh
Offline
newbie
Last seen: 11 years 5 weeks ago
Timezone: GMT+10
Joined: 2010-05-13
Posts: 3
Points: 4

Thanks Tony, this just

Thanks Tony,

this just confirms that I definitely have a problem in IE, but I am not sure where. Any assistance with this would be great!?!

Top
Thu, 2010-05-13 22:40
#3
bradmarsh
Offline
newbie
Last seen: 11 years 5 weeks ago
Timezone: GMT+10
Joined: 2010-05-13
Posts: 3
Points: 4

fixed

was just the doc type... now working in IE Smile

Top
  • Locked