Foros del Web » Creando para Internet » CSS »

Usar css en un input

Estas en el tema de Usar css en un input en el foro de CSS en Foros del Web. Saludos a todos. Mi codigo es el siguiente: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < form name = "form1" method = "post" action = "clientes.php?caso=nuevo" ...
  #1 (permalink)  
Antiguo 19/08/2011, 15:05
 
Fecha de Ingreso: diciembre-2009
Mensajes: 113
Antigüedad: 7 años
Puntos: 0
Usar css en un input

Saludos a todos.

Mi codigo es el siguiente:

Código HTML:
Ver original
  1. <form name="form1" method="post" action="clientes.php?caso=nuevo">
  2. <input type="submit" name="Submit" value="NUEVO REGISTRO"  />
  3. </form>

y quisiera asignarle un estilo, si lo pongo de la siguiente manera funciona bien:


Código HTML:
Ver original
  1. <form name="form1" method="post" action="clientes.php?caso=nuevo">
  2. <input style="color: green; background-color: yellow;" type="submit" name="Submit" value="NUEVO REGISTRO"  />
  3. </form>

pero lo que yo quiero es meter el estilo en un css y me imagino que tendria que usar clases, algo asi:

Código HTML:
Ver original
  1. <form name="form1" method="post" action="clientes.php?caso=nuevo">
  2. <input class="boton" type="submit" name="Submit" value="NUEVO REGISTRO"  />
  3. </form>

Código CSS:
Ver original
  1. .boton {
  2. color: green;
  3. background-color: yellow;
  4. }

pero no me funciona, no se que estoy haciendo mal, espero alguien me pueda ayudar
  #2 (permalink)  
Antiguo 19/08/2011, 15:51
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 5 meses
Puntos: 1008
Respuesta: Usar css en un input

está todo correcto. debería de funcionar en cualquier navegador
  #3 (permalink)  
Antiguo 19/08/2011, 16:15
 
Fecha de Ingreso: diciembre-2009
Mensajes: 113
Antigüedad: 7 años
Puntos: 0
Respuesta: Usar css en un input

si, yo tambien lo veo ben, pero nomas no sale, espero alguien le vea algun detalle
  #4 (permalink)  
Antiguo 19/08/2011, 16:23
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 5 meses
Puntos: 1008
Respuesta: Usar css en un input

no hacia falta que lo probara, pero aún así lo he probado ...... y sabes qué?? funciona. muestra todo el código de la página
  #5 (permalink)  
Antiguo 19/08/2011, 17:23
 
Fecha de Ingreso: diciembre-2009
Mensajes: 113
Antigüedad: 7 años
Puntos: 0
Respuesta: Usar css en un input

pues ahi va, aunque es bastante:

Código HTML:
Ver original
  1. <?
  2. session_start();
  3. if(isset($_SESSION) && $_SESSION["age"]=="1"){
  4. header("location:login.php");
  5. } else {
  6. if(isset($_SESSION) && $_SESSION["age"]=="2" or $_SESSION["age"]=="3" or $_SESSION["age"]=="4"){?>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <link rel="shortcut icon" href="img/ppym.ico">
  10.  
  11. <script language="JavaScript" src="Scripts/calendar1.js"></script>
  12.  <script type="text/javascript" src="Scripts/prototype.js"></script>
  13.     <script type="text/javascript" src="Scripts/effects.js"></script>
  14.     <script type="text/javascript" src="Scripts/controls.js"></script>
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  16. <title>Agenda de Clientes</title>
  17. <link href="fuente.css" rel="stylesheet" type="text/css" />
  18. </head>
  19. <body background="img/Fondo2.png">
  20.  
  21.  
  22. <div id="contenido" style="width: 100%;">
  23.  
  24. <h3>Agenda de Clientes</h3>
  25.  
  26. <?php
  27.  
  28. if (isset($_GET["code"]) && !empty($_GET["code"])){
  29.     $code=$_GET["code"];
  30.  
  31. if($code=="1"){echo'<br><b><div class="xplik">Registro nuevo insertado</div></b><p>';}}
  32. if(isset($_GET['code']) && $_GET['code']=="2"){echo'<br><b><div class="xplik">Registro actualizado</div></b><p>';}
  33. if(isset($_GET['code']) && $_GET['code']=="3"){echo'<br><b><div class="xplik">Registro eliminado</div></b><p>';}
  34.  
  35. if($_SESSION["age"]=="3" or $_SESSION["age"]=="4"){
  36. echo'<form name="form3" method="post" action="agenda_clientes_ac.php?caso=nuevo">
  37. <input class="boton" type="submit" name="Submit" value="NUEVO REGISTRO"  />
  38. </form>
  39.  
  40. ';}
  41.  
  42. $dp = mysql_connect("$ubicacion", "$usuario", "$contraseña");
  43. mysql_select_db("$base", $dp);
  44.  
  45. echo'<form name="form4" method="post" >';
  46. echo'<table width="100%" ><tr><td width="100%" align="middle"><input type="text" id="bus_a_c" name="bus_a_c" size="50" /> <img src="img/lupa-48x48.png" align="absmiddle"/>
  47. <input name="id_cliente" id="id_cliente" type="hidden" value="$id_cliente">
  48.  
  49. <div id="hintp"></div><a href="#" onClick="popper(\'agenda_clientes_pop.php?cliente=\'+document.form4.id_cliente.value)"><img src="img/vp.jpg" border=0/></a>';
  50.     ?><script type="text/javascript">
  51. function updateHiddenb(txt, li)
  52. {
  53. document.form4.id_cliente.value = li.id;
  54. }
  55.         new Ajax.Autocompleter("bus_a_c","hintp","busqueda_agenda_clientes.php",{afterUpdateElement: updateHiddenb, indicator: 'indicator1'});
  56.     </script><br/><div id="indicator1" style="display: none" style="background-color:#FFFFFF; border:#000000 solid 1px; width:200px; text-align:center; position:absolute; z-index:30"><img src="img/loading.gif" align="absmiddle"> <font color="#666666"><b>Buscando...</b></font></div>
  57.  
  58.           </td></tr></table></form>
  59.           <?
  60. $result = mysql_query("SELECT * FROM agenda_clientes order by Estacion", $dp);
  61. if (mysql_num_rows($result)){
  62. echo'<table width="100%" cellspacing="0" cellpadding="4" bordercolor="#000000" style="border-collapse:collapse">
  63. <tr><td align=middle ><table width="80%" border="1" cellspacing="0" cellpadding="4" bordercolor="#000000"  align="middle" bgcolor=#6B88BB style="border-collapse:collapse">
  64.                     <tr>
  65.                   <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">E. S.</font></td>
  66.           <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Razon Social</font></td>
  67.           <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Telefono</b></font>
  68.           <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Detalles</font></td></tr>';
  69. while ($row = @mysql_fetch_array($result))  {
  70.  
  71. echo'        <tr>
  72.     <td class="dataclass" align=middle  >'.$row["Estacion"].'</td>
  73.     <td class="dataclass" align=middle  >'.$row["Razon_social"].'</td>
  74.     <td class="dataclass" align=middle  >'.$row["Tel"].'</td>
  75.     <td class="dataclass" align=middle  >';
  76.     #######################################################################################333
  77. echo'
  78.  
  79. <a href="#" onClick="return overlay(this, \'Details_'.$row["id"].'\')"><img src="img/crux.png" border=0/></a>
  80. <DIV id="Details_'.$row["id"].'" style="position:absolute; display:none" class="dataclass" onmousedown="comienzoMovimiento(event, this.id);" onmouseover="this.style.cursor=\'move\'">
  81.  
  82. <div style="border: 1px solid black; background-image: url(img/back_main.gif); width: 500px; height: 300px; padding: 0px">';
  83. echo'<table width=100% cellspacing=0 cellpadding=0 border=0>
  84. <tr>
  85.                                 ';if($_SESSION["age"]=="4"){echo'
  86.                 <td class="layercaption1"><font color="#ffffff"><a href="agenda_clientes_ac.php?caso=actualizar&id='.$row["id"].'"><font color="#ffffff">Editar</font></a> | <a href="javascript:confirmDelete(\'processppym.php?modulo=agenda_clientes&caso=borrar&id='.$row["id"].'\')" onMouseover="window.status=\'\'; return true" onClick="window.status=\'\'; return true"><font color="#ffffff">Eliminar</font></a></font>
  87.                 </td>';}echo'
  88.  
  89.             </tr>
  90. <tr>
  91.     </table>';
  92.  
  93. $dp = mysql_connect("$ubicacion", "$usuario", "$contraseña");
  94. mysql_select_db("$base", $dp);
  95.  
  96. $result4 = mysql_query("SELECT * from agenda_clientes where id = '$row[id]'");
  97. $Razon_social=mysql_result($result4,0,"Razon_social");
  98. $Domicilio=mysql_result($result4,0,"Domicilio");
  99. $Del=mysql_result($result4,0,"Del");
  100. $Contacto=mysql_result($result4,0,"Contacto");
  101. $Cargo=mysql_result($result4,0,"Cargo");
  102. $Estacion=mysql_result($result4,0,"Estacion");
  103. $RFC=mysql_result($result4,0,"RFC");
  104. $CP=mysql_result($result4,0,"CP");
  105. $Tel=mysql_result($result4,0,"Tel");
  106. $Notas=mysql_result($result4,0,"Notas");
  107.  
  108. echo'<table width=100% cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
  109. <tr><td colspan=19 background="img/bar5.gif" height=25 class="layercaption2" align=middle><b>Detalles</b></td><td width=1 bgcolor="#cccccc" background="img/bar5.gif"><a href="#" onClick="overlayclose(\'Details_'.$row["id"].'\'); return false"><img src="img/exxs.png" border="0" alt="Cerrar"></a></td> </tr></table>
  110. <table width=100% border=0>
  111. <tr>
  112. <td valign=top>
  113. <table width=100% cellspading=3 cellspacing=3 border=0>
  114.             <tr>
  115.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Razon Social</b></td>
  116.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$row["Razon_social"].'</td></tr>
  117.                         <tr>
  118.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Estacion</b></td>
  119.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$row["Estacion"].'</td></tr>
  120.                                     <tr>
  121.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Domicilio</b></td>
  122.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Domicilio.'</td></tr>
  123.             <tr>
  124.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b></b></td>
  125.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Del.' C.P. '.$CP.'</td></tr>
  126.             <tr>
  127.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Telefono</b></td>
  128.             <td width=30% bgcolor=cccccc align=left class="dataclass">'.$Tel.'</td></tr>
  129.             <tr>
  130.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>RFC</b></td>
  131.             <td width=30% bgcolor=cccccc align=left class="dataclass">'.$RFC.'</td></tr>
  132.             <tr>
  133.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Contacto</b></td>
  134.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Contacto.'</td></tr>
  135.             <tr>
  136.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Cargo</b></td>
  137.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Cargo.'</td></tr>
  138.                         <tr>
  139.             <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Notas</b></td>
  140.             <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Notas.'</td></tr>
  141.             </table></td>
  142. </tr>
  143.     </td>
  144.  
  145.  
  146. ';
  147.     #######################################################################################333
  148. echo'   </td></tr>';
  149.                                             }
  150. echo '</table></td></tr></table>';                          }
  151. mysql_close($dp);
  152.  
  153. ?>
  154. </div>
  155. </body>
  156. </html>
  157. <? }} ?>

y el css es:

Código CSS:
Ver original
  1. body {
  2. color: black;
  3. font-family: Verdana;
  4. }
  5.  
  6.  
  7. .boton {
  8. color: green;
  9. background-color: yellow;
  10. }
  #6 (permalink)  
Antiguo 19/08/2011, 17:45
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 8 años, 5 meses
Puntos: 1008
Respuesta: Usar css en un input

ok, tendría que haber sido mas clara. lo que has de mostrar es el html que se genera al ejecutar el código, pero sólo el que está involucrado en el problema que planteas
  #7 (permalink)  
Antiguo 19/08/2011, 17:59
 
Fecha de Ingreso: diciembre-2009
Mensajes: 113
Antigüedad: 7 años
Puntos: 0
Respuesta: Usar css en un input

muchas gracias, pero que crees, cerre el navegador y a la hora de abrir para sacar el codigo fuente ya funciono bien, gracias por tu atencion isabel y bendiciones.

Etiquetas: input, usar, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:43.