Problema com "buscar"

Qual é minha questão:
Personalizei a caixa 'buscar', porém estou encontrando alguns problemas com isto, o fundo está branco, já tentei retirar mais não consigo. Como retirar isto?

Links e imagens do meu problema:
https://i.imgur.com/UBPpS.png

Endereço do meu fórum:
http://gztest.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

Olá,

Veja se este CSS resulta:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

#keywords {background-color: black !important;}

Até mais.

Olá,

Sim, porém gostaria de deixar sem cor nenhuma, ou seja, invísivel! Aparecendo somente a imagem do buscar que coloquei.

Até mais

Boa tarde,

Entrei em teu fórum e já está invisível. Poderia me dizer onde quer está função?

Até mais.

Boa tarde.

É que tentei modificar o código, usando

Código:

#keywords{visibility: hidden}

Não resultou, não ficou invisível, e sim sumiu rsrs'

Adicionei seu código novamente

UP!

UP!

Olá Lucas,

Sem resultado ...

Boa noite!

Encontrei em teu CSS o seguinte código:

Código:

#search-box #keywords{background-color:#fff;width:95px}

Substitua por:

Código:

#search-box #keywords{background-color:none;width:95px}

Passar bem!

Olá,

Não existe tal código em meu css, já tentei utilizar este código antes, porém não obtive resultados ... deixo aqui o css usado

Código:

#search-box {position: relative;
bottom: 45px;
width: 195px;
background: url(http://i.imgur.com/c1Dz9.png) no-repeat;
  background-color: none;
height: 190px;
left: 204px;
display: inline;}

#search-box #keywords {
width: 125px;
  background-color: none;
color: #3a3a3a;margin-left: 16px;
font-family: Arial;margin-top:4px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #fff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}

Até mais

Boa noite!

Substitua os códigos por este:

Código:

#search-box {position: relative;
bottom: 45px;
width: 195px;
background-image: url(http://i.imgur.com/c1Dz9.png) no-repeat;
  background-color: none !important;
height: 190px;
left: 204px;
display: inline;}

#search-box #keywords {
width: 125px;
  background-color: none !important;
color: none !important;margin-left: 16px;
font-family: Arial;margin-top:4px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none !important;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: none !important;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}

Se não funcionar, substitua o código acima por este:

Código:

#search-box {position: relative;
bottom: 45px;
width: 195px;
background-image: url(http://i.imgur.com/c1Dz9.png) no-repeat;
  background-color: none;
height: 190px;
left: 204px;
display: inline;}

#search-box #keywords {
width: 125px;
  background-color: none;
color: none !important;margin-left: 16px;
font-family: Arial;margin-top:4px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: none;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}

Passar bem!

Olá,

O código acima não resultou, porém em base nele eu consegui arrumar o código.

Obrigado e boa sorte no fdf, até mais