Advanced Search

hacer que un botón parezca un enlace con CSS

/ Published in: XHTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin t&iacute;tulo</title>
  6. <style type="text/css">
  7.      .submit {
  8.      	background: transparent;
  9.      	border-top: 0;
  10.      	border-right: 0;
  11.      	border-bottom: 1px solid #00F;
  12.      	border-left: 0;
  13.      	color: #00F;
  14.      	display: inline;
  15.     	margin: 0;
  16.     	padding: 0;
  17.     }
  18.  
  19.     *:first-child+html .submit {		/* hack needed for IE 7 */
  20.     	border-bottom: 0;
  21.     	text-decoration: underline;
  22.     }
  23.  
  24.     * html .submit {				/* hack needed for IE 5/6 */
  25.     	border-bottom: 0;
  26.     	text-decoration: underline;
  27.     }
  28.  
  29.  
  30.  
  31.  
  32.  
  33. </style>
  34. </head>
  35.  
  36. <body>
  37.    <input class="submit" type="submit" value="Submit Form">
  38. </body>
  39. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.