rellenar una entrada de texto en IE ... ¿posible?
Tengo una entrada de texto con un botón de búsqueda absoluto colocado sobre él ... para hacer espacio para el botón, usé algo de relleno para evitar que el texto pase debajo del botón, lo cual está bien, funciona en Firefox, pero no en IE. @
De hecho ... No parece que el relleno en las entradas de texto funcione en absoluto en IE.
Tienen el siguiente código
<style type="text/css">
#mainPageSearch input {
width: 162px;
padding: 2px 20px 2px 2px;
margin: 0;
font-size: 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#F3F3F3 url(form-shadow.png) repeat-x scroll left top;
border-color:#C6C6C6 #C6C6C6 #E3E3E3;
border-style:solid;
border-width:1px;
color:#666666;
}
#mainPageSearch {
margin-bottom: 10px;
position: relative; /* Lets me absolute position the button */
}
#mainPageSearchButton {
display: block;
position: absolute;
top:0px;
right: -2px;
text-indent: -2000em;
height: 22px;
width: 22px;
background: transparent url('images/searchBtn.png') top center no-repeat;
}
</style>
<form id="mainPageSearch" action="">
<input type="text"/>
<a id="mainPageSearchButton" href="#">Search</a>
</form>
¿Es posible lo que estoy tratando de hacer o debería simplemente asimilarlo y tratar con el texto debajo del botón de búsqueda?
Sé que podría hacer un cuadro de búsqueda con un fondo / borde transparente y dibujar el estilo usando un div que contenga ... pero esa no es realmente una opción debido a la cantidad de lugares que tengo para cambiarlo en el sitio. @
Tal vez haré una nueva clase para esta entrada de texto que la haga transparente y asigne el estilo de entrada de texto normal al div que contiene. ¿Qué piensas
edita: lo siento, debería haber incluido el doctype ... aquí está:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
también, los problemas que tengo están en IE 7