dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Problem with drop down button color

  1. #1
    Join Date
    Dec 2016
    Location
    Fort Huachuca
    Posts
    2

    Problem with drop down button color

    Hi my name is DeAndre. I am fresh to web development and as a beginning project my friend who is a DJ asked me to make him a website. I am currently having issues with the coloration of the drop down button. Currently it is gray and turns black on hover but I would like it to be black and turn gray on hover. I've tried changing all of the color settings to black to see if that would work but nothing changed. Here is what my css code looks like for the drop down button. Any help would be greatly appreciated.

    /* Dropdown Button */
    .dropbtn {
    backgrond-color: #4CAF50;
    color: white;
    padding: 16px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    }

    /* Dropdown button on hover & focus */
    .dropbtn:hover, .dropbtn:focus {
    background-color: black;
    }

    /* The container <DIV> - needed to position the dropdown content */
    .dropdown {
    position: relative;
    display: inline-block;
    }

    /* Dropdown Content (hidden by default) */
    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0,0.2);
    }

    /* Links inside the dropdown */
    .dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }

    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {
    background-color: #f1f1f1
    }

  2. #2
    Join Date
    Dec 2016
    Location
    Fort Huachuca
    Posts
    2
    Nevermind. I figured it out.

  3. #3
    Join Date
    Mar 2012
    Posts
    3,718
    Hi and welcome to the site. I'm glad you sorted out the problem.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles