Buttonwert verbergen

Gibt es eine CSS Eigenschaft, mit der ich den Wert eines Submit-Buttons verbergen kann? Sinn soll sein, dass bei aktiviertem CSS eine Grafik als Button angezeigt wird, bei nicht aktiviertem der Text.

[\²³/]

Gib dem Button eine [FONT=courier new]id[/FONT]:

<input type="submit" name="submit" value="Senden" [COLOR=red]id="senden"[/COLOR] />

Im CSS notierst du

#senden{
  display: none;
}

Edit: Ich habe grade nochmal genau gelesen:

Original geschrieben von hasch
den Wert eines Submit-Buttons verbergen

Was meinst du damit? Soll der Button verschwinden, dann gilt oberes.

[hasch]

Der Wert eines Buttons ist die value-Eigenschaft => ergo: der angezeigte Text im Button.

[hasch]

Niemand eine Idee?

[illusion]

?

[hasch]

Original geschrieben von illusion
?

Was soll dies ausdrücken?

[jmc]

Re: Buttonwert verbergen

Original geschrieben von hasch
Gibt es eine CSS Eigenschaft, mit der ich den Wert eines Submit-Buttons verbergen kann? Sinn soll sein, dass bei aktiviertem CSS eine Grafik als Button angezeigt wird, bei nicht aktiviertem der Text.

Was meinst du damit? Es ist noch nicht allzu klar denk ich mal. Willst du einen anderen Wert als im Quelltext angezeigt wird übergeben? Wenn ja, warum?

[hasch]

Ich habe doch schon geschrieben, was ich möchte.

Ich möchte, dass der Button-Wert nicht angezeigt wird, d.h. das value-Attribut.

<input type="submit" value="senden" />

Bei aktiviertem CSS soll der value-Wert "senden" nicht angezeigt werden, da dort ein Hintergrundbild im Button angezeigt wird, bei abgeschaltenen CSS soll dann aber der Wert "senden" wieder enthalten sein, da sonst ein leerer Button zu sehen ist, was nicht dem barrierefreien Webdesign entspricht.

[Kropff]

was nicht dem barrierefreien Webdesign entspricht

wie wäre es denn mit

<input type="image" src="bla.gif" title="Senden" /> 

das wird von screen-readern meines wissens nach erfasst.

gruß
peter

[Happy Nihilist]

Original geschrieben von hasch
Ich habe doch schon geschrieben, was ich möchte.

Ich möchte, dass der Button-Wert nicht angezeigt wird, d.h. das value-Attribut.

<input type="submit" value="senden" />

Bei aktiviertem CSS soll der value-Wert "senden" nicht angezeigt werden, da dort ein Hintergrundbild im Button angezeigt wird, bei abgeschaltenen CSS soll dann aber der Wert "senden" wieder enthalten sein, da sonst ein leerer Button zu sehen ist, was nicht dem barrierefreien Webdesign entspricht.

font-size:0px; wäre mein Vorschlag. Musst den Button dann aber mit CSS relativ genau definieren.

[wahsaga]

Original geschrieben von Happy Nihilist
font-size:0px; wäre mein Vorschlag.

Wird nicht funktionieren bei Nutzern, die eine Mindestschriftgröße vorgegeben haben.

[prego]

input type image ist hier die richtige Wahl!

Wieso verrenkungen mit CSS machen wenn es seit HTML 3.2 ein entsprechenden Element für genau das gibt?


http://de.selfhtml.org/html/formular....htm#grafische


afaik ist dann value der "alt" Wert der Grafik, oder gibt dadrin auch alt=""?

[hasch]

Original geschrieben von Kropff

das wird von screen-readern meines wissens nach erfasst.

Danke, das title-Atrribut ist eine Möglichkeit. Sofern es von Screen-Readern erfasst wird. Danke

@Happy Nihilist
Font-size:0; funktioniert nicht in allen Browsern.

[prego]

ansonsten übrigens folgendes:

<button type="submit">
  <img src="bild.gif" alt="Senden" />
</button> 

Damit biste aus allem raus...

[Happy Nihilist]

Original geschrieben von wahsaga
Wird nicht funktionieren bei Nutzern, die eine Mindestschriftgröße vorgegeben haben.

Da hste wohl auch wieder wahr.

Und ja, ich habs tatsächlich nur schnell mal im Firefox ausprobiert.