跨度標記高度未調整為子輸入標記

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 個解決方案

解決方案1
2 已采納 2012-03-26 05:30:00

跨度標記高度未調整為子輸入標記

問題描述

1 個解決方案

解決方案1 2 已采納 2012-03-26 05:30:00

解決方案1
2 已采納 2012-03-26 05:30:00