Formulario reducido
Si quieres poner un cuadro de texto sencillo con el único fin de que sea para copiar y pegar, es mejor eliminar el ruido visual que produce un cuadro de texto estándar y convertirlo en algo más sutil.
Funciona sin problemas en Opera, Firefox, IE6 e IE7, y en teoria, deberia servirpara cualquiera que soporte CSS2.
Puedes ver como personalizarlo y como funciona en Cosas Poposas, aqui tienes el código de este ejemplo en particular.
HTML
<form class="caca">
Si te ha gustado el articulo, puedes copiar el código para enlazarlo haciendo clic en el cuadro de abajo y pulsando ctrl-c.<br />
<input type="text" name="wii" value="Codigo megachuli para enlazar" size="" onClick="javascript:this.form.wii.focus();this.form.wii.select();" />
</form>
CSS
.caca {
padding: 10px;
font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
border: 1px solid #CCCCCC;
}
.caca input {
margin-top: 10px;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
padding-top: 4px;
padding-bottom: 4px;
}
.caca input:hover {
background-color: #FFFFCC;
border: 1px solid #FFFFCC;
cursor: pointer;
}
.caca input:focus {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #999999;
color: #000000;
background-color: #FFFFFF;
}