ie中的輸入/按鈕問題

由於某種原因，我的搜索框在ie中沒有正確顯示。搜索框根本不可見，按鈕位於不應該出現的角落。這裏是我的HTML：ie中的輸入/按鈕問題

<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; 

}

如何解決這個任何想法？我感謝您的幫助。

來源

2012-08-22 Tom

什麼版本的IE？減去佔位符（在IE的任何版本中都不起作用），它在IE9中看起來很好。 http://jsfiddle.net/SJLkK/ –

嘗試像這樣

<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-22 21:43:24 rsz

是的，即可以不正確的HTML不愉快。按鈕標籤文本內容像textareas一樣工作。 – Rooster

我按照user1430562的建議做了舊的方式，現在它可以工作。但是現在佔位符並沒有消失，因爲我點擊搜索字段（在所有瀏覽器中）。對此有何想法？ – Tom

然後他可以爲這樣的輸入設置名稱選項 '' 也許這就是爲什麼它不能正常工作的問題 – rsz

box-shadow只支持IE9 +。如果您使用的是IE < 9，則box-shadow將被忽略，因此文本框不可見，因爲它的邊界爲0.

來源

2012-08-22 21:46:43

ie中的輸入/按鈕問題

回答

相關問題