Невозможно нажать на input type=text в IE7

M2
На сайте с 11.01.2011
Offline
341
918

Всем доброго времени суток,

Есть некий input:


<input class="input rounded opera_gluck regemail" style="border: 1px solid red; *z-index: 333 !important;" type="text" name="regEmail">

Есть классы:


.input
{
*background-color: white;
position: relative;
z-index: 4 !important;
width: 100%;
}

.rounded
{
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border: 2px #d1d2d3 solid;
behavior: url("../js/PIE.htc");
}

.opera_gluck
{
background-color: white;
}

.regemail
{
position: relative;
left: -30px;
width: 395px;
}

Такой input замечательно отображается во всех браузерах, в том числе и в IE - со скруглением, всё как полагается. НО: в IE7 этот элемент получает фокус только в том случае, если нажимаешь не на само поле, а на кромку поля.

Естественно что это очень неудобно ))) я пытался обернуть его в DIV... как-то так:


<div class="input rounded opera_gluck regemail">
<input class="input rounded opera_gluck regemail" style="border: 1px solid red; *z-index: 333 !important;" type="text" name="regEmail">
</div>

Эффекта добился, но поле стало несоразмерно большим. А уменьшение высоты поля ведёт к уменьшению вводимого в нём текста, а высота не уменьшается. Вот... какие тут могут быть варианты?

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
Ragnarok
На сайте с 25.06.2010
Offline
239
#1

попробуй добавить инпуту

display:block;

после чего задать принудительно ширину и высоту

//TODO: перестать откладывать на потом
M2
На сайте с 11.01.2011
Offline
341
#2

display: block не помогло, а ширина уже добавлена в одном из стилей.

A9
На сайте с 27.05.2011
Offline
2
#3

а при оборачивании в див пробовали у input убрать класс rounded?

+ надо смотреть, достаточно у input высокий z-index. ведь фикс для ie вставлять закругленный блок абсолютно, и он может просто закрыть собой

M2
На сайте с 11.01.2011
Offline
341
#4

Я уже всё пробовал, в лучшем случае достигается возможность получения фокуса этим полем ввода, но размер поля становится непомерно большим. Отсюда вопрос: как уменьшить высоту поля, при этом сохранив возможность нормально видеть вводимый текст (при попытке уменьшения высоты на самом деле вводимый текст куда-то уезжает).

OK
На сайте с 07.04.2010
Offline
38
#5

насколько я помню, htc файлик, делающий скругленные углы в ие, автоматически назначал z-index:-1; скругляемому элементу %) по крайней мере тот, которым я в свое время пользовался, работал именно так. Т.ч. проверьте этот момент, например пропишите ему непосредственно значение з-индекса плюсовое, с импортантом. а вообще неплохо было бы посмотреть на пациента :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий