輸入按鈕在IE9中的圖像樣式

我正在設計一個窗體，使用輸入where type = image。它在FF中渲染得很好，但不在IE中（如下圖所示），它在其中添加了斜角邊框。它也顯示了我的形象上的小圖標，儘管我猜這是因爲它是一個沒有任何動作相關的表單元素，也許？ -輸入按鈕在IE9中的圖像樣式

造型爲輸入如下，一切很簡單：

input.search-button { 
     display:block;  
     float:left; 
     width:25px; 
     height:25px; 
     background:url(images/search.png) no-repeat; 
}

我已經嘗試添加邊框：0，沒有喜悅。關於如何最好地整理演示文稿的任何想法？

來源

2011-12-19 Nathan

您是否嘗試過'border-style：none;'或'border-style：solid;'？ – Kyle

是否可以共享搜索按鈕的HTML部分呢？ – Hoque

對於邊框，請嘗試設置border:none;。對於輸入，我會仔細檢查你的路徑。它看起來像你試圖在src屬性中使用背景圖像INSTEAD實際圖像。

另外，請嘗試用正斜槓（/）引導圖像路徑，這會將您帶到根的所有路徑，然後從此處向下鑽取。

希望這會有所幫助！

馬特

來源

2011-12-19 07:10:47

哈哈。是的。那就是它 - 如果圖像是圖像，而不是背景，則會有所幫助。如何回合懸停狀態？那可能嗎？ – Nathan

你使用jQuery嗎？如果是這樣，那麼只需將輸入分配一個id，然後使用該id作爲選擇器，並像以下那樣即時切換其「src」屬性：$（'＃myImageInputId'）。attr（'src'，'myNewUrl'）; –

顯然，你需要將它包裝在一個jQuery的mouseover事件監聽器中。 –

我希望IE9 /任何可以通過HTML的頭部添加下面元的行被渲染爲IE8/IE7

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

那麼相同的CSS適合每一個版本的IE

來源

2012-01-24 07:51:51 krishna

輸入按鈕在IE9中的圖像樣式

回答

相關問題