gradient for search-button

  • Resolved Jojo21

    (@jojo21)


    12 years, 7 months ago

    Hi,
    i try to add a gradient to the search-button, like the gradient in my main-menu. (http://www.andreas-kuemert.de)
    i added this to my raindrops-child, but it won`t work.

    #searchform input {
    }
    .fail-search, input[type=”file”], input[type=”reset”], .searchform input[type=”submit”], input[type=”submit”], #access {
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ee5e00));
    -webkit-box-shadow: 1px 1px 3px #EEEBEB;
    border-top: 1px solid rgba(100,100,100,1);

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 7 months ago

    Try:

    #searchform input#s {

 background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ee5e00));
 -webkit-box-shadow: 1px 1px 3px #EEEBEB;
 border-top: 1px solid rgba(100,100,100,1);

}

    Thread Starter Jojo21

    (@jojo21)

    12 years, 7 months ago

    hi,
    50% nice. It changes the color of the “search-FIELD” but i want to change the “search-BUTTON”

    but with a litte modification it works

    #searchform input#searchsubmit {

    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#ee5e00));
    -webkit-box-shadow: 1px 1px 3px #000000;
    border-top: 1px solid rgba(100,100,100,1);

    }

    1000 thx 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘gradient for search-button’ is closed to new replies.