Forums
View unanswered posts | View active topics It is currently Mon Oct 20, 2014 5:19 am



Reply to topic  [ 2 posts ] 
 submit input on search form doesn't get the active state 
Author Message

Joined: Tue Feb 01, 2011 6:54 am
Posts: 6
Post submit input on search form doesn't get the active state
HELP!

PROBLEM on IE7&8:
So what happen is: when the form state is active, the input border form (not the button) switched to grey but not the button. But then when I hover the button, the button adjusted its border color.

So I have a search form with an active state:
Code:
<fieldset>
                <label for="query">Search for</label>
                <input type="text" placeholder="Search" name="query" id="query" class="placeholder">
                <input type="submit" value="Search" name="commit">
</fieldset>


CSS:

Code:
#search.active fieldset {
  top: 14px;
  right: 7px;
}

#search.active label {
  width: 120px;
  top: 6px;
  right: 159px;
  position: absolute;
  display: block;
  line-height: 1;
  text-align: right;
  color: #079afa;
}
/* input has border grey on active state */
#search.active input {
  color: black !important;
  border-color: #929292;
}


Attachments:
File comment: this is how it suppose to behave.
Screen shot 2011-02-01 at 14.24.15.png [5.08 KiB]
Downloaded 163 times
File comment: This what happen on IE7&8
Screen shot 2011-02-01 at 14.23.23.png [8.02 KiB]
Downloaded 163 times
Tue Feb 01, 2011 7:25 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1444
Post Re: submit input on search form doesn't get the active state
I think you need -pie-watch-ancestors to pick up the addition of the 'active' class to the ancestor element: http://css3pie.com/documentation/suppor ... -ancestors


Tue Feb 01, 2011 9:29 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Google [Bot], Yahoo [Bot] and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.