1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

[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