Cambiar estilo de botob con CSS, pero no con una clase

neomix · #1 (**permalink**) 26/08/2005, 13:48

Hola gente

quiero cambiar el estilo de los botones de formulario mediante css, pero sin utilizar una clase, espero su ayuda.

A continuacion es lo que NO quiero hacer

Código HTML:

<style type="text/css">
  .boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:80px;
        height:19px;
       }
</style>
<div align="center">
  <form name="form1" action="http://www.yahoo.es" target="_blank" method="post">
    <input type="text" name="prueba"><br><br>
    <input type="submit" value="enviar" class="boton">
  </form>
</div>

Gracias

jhonyweb · #2 (**permalink**) 27/08/2005, 04:38

hola amigo......

a ver si te vale esta modificacion que he hecho a html:

<head>
<style type="text/css">
.boton{
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background:#638cb5;
border:0px;
width:80px;
height:19px;
}
</style>
<script languaje="javascript">
function cambia_estilo(boton,propiedad,valor)
{
var capa = document.getElementById(boton);
eval("capa.style."+propiedad+"=valor")
}
</script>
</head>
<body>
<div align="center">
<form name="form1" action="http://www.yahoo.es" target="_blank" method="post">
<input type="text" name="prueba"><br><br>
<input id="submit" type="submit" value="enviar" class="boton" onmouseover="cambia_estilo('submit','background',' red')"

onmouseout="cambia_estilo('submit','background','# 638cb5')">
</form>
</div>
</body>

con la funcion javascript cambia_estilo(boton,propiedad,valor) puedes cambiar cualquier estilo en cualquiero boton, ahi he hecho un ejemplo...
espero que te sea util.... si tienes alguna duda con el script agregame al msn:

[email protected]

SiR.CARAJ0DIDA · #3 (**permalink**) 27/08/2005, 08:30

?? no tiene sentido sin usar clases no es posible hacerlo, al menos en IE

esta es una forma:

<style type="text/css">
INPUT[type="submit"] {
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background:#638cb5;
border:0px;
width:80px;
height:19px;
}
</style>

Durgeoble · #4 (**permalink**) 27/08/2005, 12:26

es posible hacerlo sin aplicarle una clase, aunque necesitar anclarlo a un sitio si no quieres que se aplique por defecto a todos los botones, si solo quieres aplicarlo a uno puedes hacerlo por pseudoclase o por #id, no hay otra opcion

neomix · #5 (**permalink**) 30/08/2005, 16:54

ok gracias. veré que hago.

KnowDemon · #6 (**permalink**) 02/09/2005, 21:47

Hola,

No veo porque es indispensable no usar una clase. Te recuerdo que puedes aplicar más de una clase a la vez a un elemento. Por ejemplo, si tienes la clase "primera" y otra llamada "segunda" puedes escribir:

<elemento class="primera segunda">123</elemento>

Si insistes en no usar una clase (explicitamente), puedes redefinir el comportamiento por defecto del elemento llamado "elemento" así:

elemento{
/*Aquí pones tus reglas de estilo*/
}

También puedes aplicar el estilo por medio de un selector contextual:

.otraclase elemento{
/*Tus estilos aquí*/
}

Donde "elemento" es descendiente de otro de clase "otraclase".

charlyta · #7 (**permalink**) 04/07/2010, 05:51

y si se quieren cambiar más elementos del boton, por ejemplo tambien una imagen?

Código HTML:

.boton{
	font-size:10px;
	font-family:Verdana,Helvetica;
	font-weight:bold;
	color:white;
	background:#000;
	border:0px;
	width:90px;
	background-image: url(flecha_trans.gif);
	background-position:left;
	background-repeat: no-repeat;
	text-align:right;
	text-decoration:none;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	height: 30px;
}

jomaruro · #8 (**permalink**) 04/07/2010, 14:27

Hola charlyta:

¿No crees que después de casi 5 años este problema estará resuelto? Por favor no revivas temas tan antiguos.

Saludos.

metacortex · #9 (**permalink**) 04/07/2010, 19:06

Cita:

Iniciado por neomix

quiero cambiar el estilo de los botones de formulario mediante css, pero sin utilizar una clase

Estas preguntas se están volviendo cada vez más extrañas. Revisa esto a ver si es lo que necesitas:

http://www.w3schools.com/tags/att_standard_style.asp