Question

您好，

我有一个span的输入标签。我想设置跨度设置边框和box-shadow以及输入标签border：none。问题是，看起来，输入的高度超过了span标签，所以如果我将span设置为span，则不显示，因为它被输入标签覆盖。

我相信，如果一个元素放在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>

Answer 1

我想，您可以像这样使用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>

只需将border和box-shadow放入input-tag即可删除span-tag。

跨度标记高度未调整为子输入标记

1 个答案: