[CSS] Rahmenproblem !?

[The Prophet]

[CSS]Rahmenproblem !?

Hallöchen,

nun will ich mal wieder eure Hilfe in Anspruch nehmen.

#button 
{ 
border-color:#000000; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color:#000000; 
BACKGROUND-COLOR:#FFFFFF 
}

Damit lasse ich mir Buttons erstellen. Wenn ich nun allerdings in ein Inputfeld oder in eine Textarea klicke erhält der Button noch einen hässlichen schwarzen Rahmen quasi als Makierung. Wenn ich wieder was anderes anklicke is er wieder weg.
Hat wer nen Vorschlag wie ich diesen Rahmen ganz verhindern kann?
Danke

mfg

 

[The Prophet]

Hat wirklich keiner einen Ansatz von einer Idee

 

[oDeM]

genau das wüsste ich auch mal gerne!

ich hasse das das macht alles so häßlich

btw:mit

border:#000000 1px solid;

kannste dir den ganzen

border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;

schnickschnack sparen

 

[(_H.A.W.K_)]

http://www.jswelt.de/ und dann auf Forum
Da kann man euch sicher helfen

 

[GeYe]

Dies ist ein <a href="#" onFocus="if(this.blur)this.blur()">Test Link</a>

 

[The Prophet]

@ oDeM thx
@ H@WK thx, da schau ich mal rein
@ GeYe

 

[GeYe]

mit diesem onfocus beim Link sollte dieser Rahmen theoretisch nicht mehr kommen, musste aber bei jedem link machen, es gab zwar eine lösung für die komplette seite, fällt mir aber nicht ein

 

[The Prophet]

Hmm klingt gut aber an sich muss das Problem in CSS zu lösen sein. Wollte eigentlich kein Javascript verwenden.

 

[GeYe]

in CSS fällt mir leider keine Lösung ein ... sorry

 

[The Prophet]

Wenigstens schomal gut zu wissen das ich nicht alleine mit dem Problem dastehe und das Problem erkannt wurde.

 

[The Prophet]

Also ich hab jetzt mal die Js Lösung versucht.

+++ links +++
<a onfocus="if(this.blur)this.blur()" href=" ... ">your link</a>

+++ buttons +++
<input onfocus="if(this.blur)this.blur()" type=submit value="send">

Funktioniert leider nicht so wie ich will.
Hier wäre auch ne Lösung für eine komplette Seite.

<script> 
<!-- 
function BlurLinks(){ 
lnks=document.getElementsByTagName('a'); 
for(i=0;i<lnks.length;i++){ 
lnks[i].onfocus=new Function("if(this.blur)this.blur()"); 
} 
} 

onload=BlurLinks; 
//--> 
</script>

 

[(_H.A.W.K_)]

Hi

Schau mal HIER, vielleicht hilft dir das weiter.

An sonsten schau mal HIER, ds ist ein Allgemeines Forum, also auch für PHP. Das andere Was das JS Forum wo ich dir ganz oben gepostet hab.
cya

 

[The Prophet]

Hab für die Links hab leider nur einen Thread gefunden indem das mit dem Javascript und Blur besprochen wurde. Aber irgendwie läuft das net
Naja vielleicht poste ich dort konkret nochmal.

mfg