Jump to content

[SOLVED] Gele rand om zoekmachine Blocktopmenu


Recommended Posts

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 by lildaan (see edit history)
Link to comment
Share on other sites

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 by Frens (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...