2012-09-18 6 views
20

ho provato a cambiare il colore del testo in submit tipo di pulsante, ma non so il motivo per cui io non sono in grado di cambiarloCome impostare il colore del testo nel pulsante di invio?

<html> 
<head> 
<style type="text/css"> 
.button 
{ 
    width:105px; 
    height: 20px; 
    background-image:url('tiny.gif'); 
    line-height: 20px; 
    padding-bottom: 2px; 
    vertical-align: middle; 
    font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    <!--font-weight: bold;--> 
    text-transform: none; 
    border:1px solid transparent; 
} 
.button:hover 
{ 
    background-image:url('tiny_.gif'); 
} 
</style> 
</head> 
<body> 
    <input type="submit" value="Fetch" class="button"/> 
</body> 
</html> 

mi è stato sempre un problema quando ho cercato di cambiare il colore del pulsante di invio.

+1

"problemi" Getting - questo does't ci aiutano affatto. Cosa ti aspetti che sia successo? Cosa sta realmente accadendo? Ci sono messaggi nel log della tua console? Ho aggiunto 'background-color: red' al tuo': hover' e il pulsante ha cambiato i colori quando ho passato il mouse. Forse 'tiny_.gif' non si sta caricando? –

risposta

3

Utilizzare questo CSS:

color: red; 

questo è tutto.

+0

Ho provato questo, ma ora funziona grazie per la risposta rapida –

19

si tenta questo:

<input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! "> 
+1

Gli stili incorporati non sono una buona idea quando è disponibile un foglio di stile esterno. – Kyle

+2

è una buona idea per le pagine css-ed e per testare come verrà resa la pagina. per le pagine css-ed complete questo dovrebbe essere spostato sul file css esterno. – Znik

5
<button id="fwdbtn" style="color:red">Submit</button> 
-2
<input type = "button" style ="background-color:green"/> 
+1

OP vuole cambiare il colore del testo di un invio e gli fornisci uno stile in linea (= cattiva pratica) che cambia il colore di sfondo di un pulsante. Questo non aiuta molto ... –