button personalizzato

[sergio2002]

Ciao a tutti, ho questo button:
<button class="BottoneRosso" value="Chiudi" onclick="javascript:window.close();">

lo stile BottoneRosso nel css è questo:

.BottoneRosso {
BORDER-RIGHT: #104a7b 1px solid;
BORDER-TOP: #afc4d5 1px solid;
BACKGROUND: #FF0000;
BORDER-LEFT: #afc4d5 1px solid;
CURSOR: hand;
COLOR: #FFFF00;
BORDER-BOTTOM: #104a7b 1px solid;
HEIGHT: auto;
TEXT-DECORATION: none;
font-family: Microsoft Sans Serif; font-size: 11px;
font-weight: bold;
width: 250;
}

Il problema è che il bottone lo disegna giusto, ma non appare il testo. Dove sbaglio?

[pierofix]

Noto parecchia confusione in quel css.

1. perchè qualchè proprietà la scrivi in maiuscolo e altre in minuscolo? Non è un errore sintattico, ma di certo non aiuta l'ordine;
2. nella proprietà border, la giusta sequenza di attributi è larghezza tipo-linea colore: correggi pertanto di conseguenza;
3. specifichi il valore di width con un numero puro: dovresti specificare l'unità di misura;
4. il colore di sfondo e quello del testo mi paiono abbastanza vicini come tonalità: non è che per caso è quello motivo dell'"assenza" del testo?

[andrea.paiola]

Per aumentare l'usabilità è consigliabile tenere i bottoni "standard"

[sergio2002]

Grazie ragazzi, i vostri consigli si sono rivelati appropriati, ma comunque l'errore era questo:
errato:
<button class="BottoneRosso" value="Chiudi" onclick="javascript:window.close();">

giusto

<input type="button" class="BottoneRosso" value="Chiudi" onclick="javascript:window.close();">

grazie lo stesso.