[SOLVED] Gele rand om zoekmachine Blocktopmenu

[lildaan]

Ik gebruik de module BlockTopMenu waarin ik een horizontaal menu met daarnaast een zoekmachine heb.

 

Werkt goed, alleen als je op het zoekveld klikt met je muis komt er een gele rand omheen. Dit is alleen in Chrome, in IE zie je hem niet.

ik ben al een tijd bezig om deze weg te krijgen, maar heb geen idee waar die gele kleur vandaan komt.

 

De CSS:

li.sf-search {
 float:right;
 line-height: 25px;
 background:inherit;
}
li.sf-search:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
background-color:#383838;
color:#FFFfff;
border-color:#383838;
}
li.sf-search input {
width: 400px;
 margin-top:4px;
 padding:3px 0 3px 20px;
 -moz-border-radius:0 5px 5px 0;
 background:url(../img/search.gif) no-repeat left center #fff;
}

 

Iemand ervaring met dit probleem? Of misschien ziet iemand zo waar die kleur vermeld staat? Alvast bedankt in ieder geval.

 

Je kunt de zoekmachine zien op http://lildaan.nl/prestashop/

Edited January 2, 2013 by lildaan (see edit history)

[Frens]

Hoi

 

 

Dit is iets wat door de browser wordt geproduceerd, is vrij normaal en kan me ook niet voorstellen dat het je hindert

 

Hoe eventueel weg te krijgen weet ik niet

 

 

edit

 

Dit schijnt een oplossing te kunnen zijn voor in je stylblad

 

 

li.sf-search input {

width: 400px;

margin-top:4px;

padding:3px 0 3px 20px;

-moz-border-radius:0 5px 5px 0;

background:url(../img/search.gif) no-repeat left center #fff;

}

 

 

:focus {outline:none;}

Edited January 2, 2013 by Frens (see edit history)

[lildaan]

Bedankt, hij is weg! Ja het is geen groot probleem, maar zag er niet zo mooi uit Bedankt!