Como mudar a imagem da lupa (busca)

Detalhes da questão

Endereço do fórum: http://atelier262.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Eu queria mudar mais não sei onde é, provável que já tenha esse tópico mais não achei

Queria mudar o visual que está assim:
https://i.imgur.com/JglWBg5.png

Para assim:
https://i.imgur.com/KrC6Slq.png

Obrigado.

Olá!

Adicione este CSS na sua folha de estilos:

Código:

#search input[value="Buscar"] {
        background: url('http://i.imgur.com/zKewnXy.png') no-repeat white center !important;
        border: 1px solid white !important;
        font-size: 0px !important;
        height: 26px !important;
        width: 40px !important;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
}
#search-box #keywords {
        color: grey !important;
        border: 1px solid silver !important;
        background: black !important;
        padding-left: 4px;
        height: 20px;
        font-size: 13px;
        width: 150px !important;
}

Hancki

Nossa obrigado de novo!...

Não teria como deixar o fundo dela um pouco mais claro; o fundo dela está assim:
http://prntscr.com/avlwy7

Substitua por este abaixo, o preto vai ficar mais claro:

Código:

#search input[value="Buscar"] {
        background: url('http://i.imgur.com/zKewnXy.png') no-repeat white center !important;
        border: 1px solid white !important;
        font-size: 0px !important;
        height: 26px !important;
        width: 40px !important;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
}
#search-box #keywords {
        color: grey !important;
        border: 1px solid silver !important;
        background: #272822!important;
        padding-left: 4px;
        height: 20px;
        font-size: 13px;
        width: 150px !important;
}

Hancki