2012-03-25 2 views
0

Привета,Span высота тега не отрегулирована для ввода ребенка тега

У меня есть входной тег, который находится в span.I хочет стиль, который пядь настройки границы и коробка-тень и для ввода тегов границы: нет. Проблема заключается в том, что, как видно, высота ввода больше, чем тег span, поэтому, если я помещаю границу в диапазон, ее не показано, так как она покрывается входным тегом.

Я считаю, что если элемент помещен внутри тега span, то ширина и высота тега span должны быть отрегулированы по высоте и ширине дочернего тега. Но этого здесь не происходит.

Вот мой code..What может быть неправильно ....

Примечание: В этом коде я не поставил границу: ни для ввода тега, чтобы сделать видимым то, что на самом деле проблема ...! !!

<style> 
    body{ 
    font-family:Arial,Tahoma,sans-serif; 
    font-size:0.7em; 
    } 
    span{ 
    border:1px solid blue; 
    box-shadow:3px 3px 3px #888; 
    } 
    input { 
    font-size:100%; 
    } 
    </style> 

<body> 

    <span> 
    <input type="text"/> 
    </span> 
</body> 

ответ

2

Я думаю, вы могли бы использовать CSS и HTML, как это:

<style> 
    body{ 
    font-family:Arial,Tahoma,sans-serif; 
    font-size:0.7em; 
    } 
    input { 
    font-size:100%; 
    border:1px solid blue; 
    box-shadow:3px 3px 3px #888; 
    } 
    </style> 

<body> 

    <input type="text"/> 
</body> 

Просто поместите границу и коробка-тень на вход-тег, и вы можете удалить калибровочный-тег.

+0

Спасибо за ваш ответ. Да, у меня есть идея, эта логика, но в моем случае поле ввода должно быть обернуто тегом span. Это мое требование ... Могу узнать причину, почему эта высота пролета не регулируется к детскому элементу .. !!! –

+1

Хорошо ... я думаю, что по умолчанию ширина по ширине не увеличивается. У меня тоже была проблема. попробуйте установить в определение диапазона в css следующее: «display: block;» – Tobi

+0

Я положил дисплей: блок, высота в порядке сейчас, но ширина установлена ​​на ширину тела. Ширина должна быть такой же, как и у chlild ... Могу ли я это достичь? –