Привет,
У меня есть входной тег, который находится в span. Я хочу стилизовать этот диапазон, устанавливая границы и box-shadow, а для границы входного тега: нет. Проблема, похоже, в том, что высота ввода больше, чем у тега span, поэтому, если я добавлю border для span, он не будет показан, так как он покрыт тегом input.
Я считаю, что, если элемент помещается внутри тега span, то ширина и высота тега span должны быть скорректированы с учетом высоты и ширины дочернего тега. Но этого здесь не происходит.
Вот мой код ... Что может быть не так ...
Примечание. В этом коде я не указывал border: none для входного тега, чтобы было видно, в чем на самом деле заключается проблема ... !!!
<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>