2012-09-18 32 views
20

He intentado cambiar el color del texto en el tipo de botón de enviar, pero no sé por qué yo no soy capaz de cambiarlo¿Cómo establecer el color del texto en el botón Enviar?

<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> 

que estaba recibiendo un problema cuando traté de cambiar el color del botón de enviar.

+1

"problemas a sus preguntas" - esto does't ayudarnos a todos. ¿Qué esperas que pase? ¿Qué está sucediendo realmente? ¿Hay algún mensaje en el registro de la consola? Añadí 'background-color: red' a tu': hover' y el botón cambió de color cuando pasé al mouse. Quizás 'tiny_.gif' no se está cargando? –

Respuesta

3

Utilice este CSS:

color: red; 

eso es todo.

+0

Intenté esto pero ahora está funcionando gracias por la respuesta rápida –

19

intenta esto:

<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

Los estilos en línea no son una buena idea cuando hay una hoja de estilo externa disponible. – Kyle

+2

es una muy buena idea para páginas pobres con CSS, y para probar cómo se renderizará la página. para páginas completas de css-ed esto debe moverse a un archivo css externo. – Znik

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

OP quiere cambiar el color del texto de un envío y le proporciona un estilo en línea (= mala práctica) cambiando el color de fondo de un botón. Esto no ayuda mucho ... –

Cuestiones relacionadas