[HTML & CSS] Submit Button anpassen

der Chef · 5. August 2003

Hallo.

Also ich hätte mal ne Frage zu dem Thema der Überschrift.

Ich kann ja per CSS jeden beliebigen Link zu einem Button machen. Wenn ich das ganze z.B. mit

Code

a:link.button {bla bla bla}

in eine .css datei schreibe und dann in HTML so

Code

<a class="button" href="bla bla">klick</a>

wieder aufrufe.

Nun würde ich auch den Submit-button von Formuaren gerne so aussehen lassen. Das geht zwar, wenn ich z.B.

Code

input.button {bla bla bla}

in die css-datei schreibe und es dann wieder per class mit in den Button schreibe, aber leider geht das ganze nicht mit

Code

input:hover.button {bla bla bla}

Soll heissen, dass ich gerne hätte, dass auch der Button sein Aussehen ändert, wenn ich mit der Maus darüber fahre.

Kennt jmd Abhilfe?

Danke, Flo

p.s. reicht, wenn es im IE geht.....

42606820 · 5. August 2003

soviel ich weiß geht das nur im Netscape....

und zwar so:

CSS datei:

Code

.irgendwas:hover { background-color:#FFFF00; }

Formular button:

Code

<input type="button" value="Buttontext" class="irgendwas">

der Chef · 6. August 2003

Schade.

also im IE geht es so tatsächlich nicht.

Aber Danke für die Antwort.....

Michael P. · 6. August 2003

Wenn's mit Links funktioniert und JavaScript erlaubt ist, könntest Du es statt mit einem Submit-Buttons mit Hilfe eines Links versuchen, das eine JavaScript-Funktion aufruft, die dann das Formular sendet. In etwa so (nicht ausgetestet):

Code

<script language="JavaScript" type="text/javascript">
function send_form()
{
   document.MyForm.submit
}
</script>
...
<form ...>
...
   <a class="button" href="javascript:send_form()">Click me!</a>
...
</form>

Alles anzeigen

Gruß
Michael

der Chef · 25. September 2003

So, jetzt habe ich das mal wieder rausgekramt.

Das mit dem Javascript habe ich probiert, das will aber nicht so wirklich.

Sehe ich das richtig, dass in das einleitende <form> tag der Zusatz name="MyForm" muss (oder halt beides anders)?

Denn wenn ich das so mache, dann kommt immer das hier:

Zitat

Zugriff verweigert!
Der Zugriff auf das angeforderte Objekt ist nicht möglich. Entweder kann es vom Server nicht gelesen werden oder es ist zugriffsgeschützt.

Sofern Sie dies für eine Fehlfunktion des Servers halten, informieren Sie bitte den Webmaster hierüber.

Error 403
192.168.1.250
09/25/03 20:46:56
Apache/2.0.47 (Win32) PHP/4.3.3RC2-dev

Alles anzeigen

Und das ist natürlich nicht ganz das gewünschte

EDIT:

Hier mal der Genaue Quellcode von mir:

Oben im <head>:

PHP

<script language="JavaScript" type="text/javascript">
<!--
function send_form() {
   document.MyForm.submit
}
-->
</script>

Unten im <body>:

PHP

<form  name="MyForm" action="<?=$PHP_SELF?>" target="_parent" method="post">
  <input type="hidden" name="setup" value="css">
  <input type="hidden" name="step" value="1">
  <input type="radio" name="css" value="blau-schwarz.css">&nbsp;Blau-Schwarz<br>
  <input type="radio" name="css" value="hellblau.css">&nbsp;Hellblau
  <br><br>
  <a href="java script:send_form()" class="button">senden</a>
</form>

[HTML & CSS] Submit Button anpassen

Jetzt mitmachen!

Teilen