preencher uma entrada de texto no IE ... possível?
Eu tenho uma entrada de texto com um botão de busca absoluto posicionado sobre ele ... para dar espaço ao botão, usei um preenchimento para impedir que o texto passasse por baixo do botão, o que é bom, funciona no firefox, mas não no IE.
Na verdade ... Não parece que o preenchimento de entradas de texto funcione no I
Eles têm o seguinte 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>
O que estou tentando fazer é possível ou devo apenas sugá-lo e lidar com o texto que está sob o botão de pesquis
Eu sei que eu poderia fazer uma caixa de pesquisa com um fundo / borda transparente e desenhar o estilo usando uma div contendo ... mas isso não é realmente uma opção por causa de quantos lugares eu tenho que alterá-la no site.
Talvez eu faça uma nova classe para esta entrada de texto que a torne transparente e atribua o estilo de entrada de texto normal à div que contém? O que você acha
edita: desculpe, eu deveria ter incluído o doctype ... aqui está:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
also, os problemas que estou tendo estão no IE 7