[NEED HELP] about pseudo class..

Discussion in 'CSS' started by huseinbandi, Mar 4, 2012.

0
  1. #1
    i need your help,guys. i dunno how to talk.. just check my sites..and see on search box. when i click on the search box,, the color has change. but when i hover out from the search box. the color directly change even i don't type a word.

    check this:
    and compare with this one ( on the search box)
    please help me..
     
    huseinbandi, Mar 4, 2012 IP
  2. sunnykatsa

    sunnykatsa Member

    Messages:
    26
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    43
    #2
    Hi huseinbandi,

    If you wanted to remove the hover background change color:

    Open your normal.css then search:


    #top-menu .search form:hover,
    #top-menu .search form:focus{
    background-color: rgba(255,255,255,0.7);
    }


    Comment it out or Delete.
     
    sunnykatsa, Mar 9, 2012 IP
  3. huseinbandi

    huseinbandi Well-Known Member

    Messages:
    1,060
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    130
    #3
    i've try to use hover,and focus..but that's doesn't work.. mmm... so,what's wrong??
     
    huseinbandi, Mar 18, 2012 IP
  4. sunnykatsa

    sunnykatsa Member

    Messages:
    26
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    43
    #4
    You have to comment it out or delete:

    This is from your normal.css file. Assuming that you wanted to get the same effect of http://www.cisco.com/en/US/hmpgs/index.html

    #top-menu .search form:hover,
    #top-menu .search form:focus{
    background-color: rgba(255,255,255,0.7);
    }

    to comment it out you need to place /* #top-menu .search form:hover, .... */ or simply cut it and paste it on a notepad if you want to restore it again.
     
    sunnykatsa, Mar 18, 2012 IP