0

何らかの理由で、検索ボックスが正しく表示されません。検索ボックスはまったく表示されず、ボタンはあるべきではない隅にあります。ここに私のHTMLがあります:

<div class="searchbox">
<form action="?" method="get">
    <input type="text" placeholder="Search Modern Spaces" />
    <button type="submit" value="submit" />
 </form>
</div><!--searchBoxOne-->

そしてCSS：

.searchbox input {
color: #b0b0b0;
width: 430px;
height: 28px;
margin-top: 32px;
padding: 10px 5px;
float: left;    
font-size: 20px;
border: 0;
border-radius: 4px 4px 4px 4px; 
box-shadow: inset 0 0 6px #7b7a7a;     
}

.searchbox button{
overflow: visible;
position: relative;
margin: 39px 0 0 -40px;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 36px;
background:url(../images/srch_button.png) no-repeat;

}

これを解決する方法についてのアイデアはありますか? 私はあなたの助けに感謝します。

4

2 に答える 2

1

このようにしてみてください

<div class="searchbox">
<form action="?" method="get">
<input type="text" placeholder="Search Modern Spaces" />
<button>Submit</button>
</form>
</div><!--searchBoxOne-->

<button type="submit" value="submit" />またはこれを挿入する代わりに古い方法

<input type='submit' value='submit' />
于 2012-08-22T21:43:24.457 に答える
0

box-shadowIE9+でのみサポートされます。IE <9を使用している場合box-shadowは無視されるため、テキストボックスの境界線は0であるため、テキストボックスは表示されません。

于 2012-08-22T21:46:43.103 に答える