Posted By

septimoc on 11/02/08


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

vali29


hacer que un botón parezca un enlace con CSS


 / Published in: XHTML
 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Documento sin t&iacute;tulo</title>
  5. <style type="text/css">
  6. .submit {
  7. background: transparent;
  8. border-top: 0;
  9. border-right: 0;
  10. border-bottom: 1px solid #00F;
  11. border-left: 0;
  12. color: #00F;
  13. display: inline;
  14. margin: 0;
  15. padding: 0;
  16. }
  17.  
  18. *:first-child+html .submit { /* hack needed for IE 7 */
  19. border-bottom: 0;
  20. text-decoration: underline;
  21. }
  22.  
  23. * html .submit { /* hack needed for IE 5/6 */
  24. border-bottom: 0;
  25. text-decoration: underline;
  26. }
  27.  
  28.  
  29.  
  30.  
  31.  
  32. </head>
  33.  
  34. <input class="submit" type="submit" value="Submit Form">
  35. </body>
  36. </html>

Report this snippet  

You need to login to post a comment.