html輸入按鈕樣式CSS3

我通過相關問題看到了一些結果，但實際上並沒有顯示出我想要的結果。尋找一種簡單的方式來簡單地在所有主要的比斯克風格的按鈕。html輸入按鈕樣式CSS3

<input type="file" name="file" id="file" size="29" class="formButton" /> 
<span class="smalltext">(.txt only)</span>

我想瀏覽按鈕來使用CSS，我已經看到了一些結果放在真正的頂部的假按鈕，是真正最好的辦法採取？

來源

2010-07-16 Craig

目前，沒有辦法在瀏覽器之間一致地設置文件輸入字段的樣式。你可以使用其中的一種「技巧」（正如你剛纔提到的覆蓋按鈕），但要注意你可能會干擾鍵盤訪問該領域。

來源

2010-07-16 18:41:28

我發現的最好的解決方案是覆蓋你自己，或者使用像Dojo這樣的東西，它可以有效地做同樣的事情。據我所知，你不能設計文件輸入按鈕的樣式。

來源

2010-07-16 18:38:42 mctom987

不要試試這個！

即使你得到它的工作，仍然有Safari瀏覽器，使用非標準的文件選擇小部件！

最好讓本地文件窗口顯示。

來源

2010-07-16 18:39:50 MiffTheFox

事實上，與jQueryUI的，你可以通過簡單地做到這一點：

的JavaScript翻轉（非必要）：

$(".fg-button:not(.ui-state-disabled)") 
       .hover(
        function(){ 
         $(this).addClass("ui-state-hover"); 
        }, 
        function(){ 
         $(this).removeClass("ui-state-hover"); 
        } 
       )

按鈕代碼：

<input type="submit" name="something" id="something" value="Submit" class="fg-button ui-state-default ui-corner-all">

這並不是說，由於IE是一個微軟產品，圓角優雅地退化。

來源

2010-07-16 18:57:40 bpeterson76

html輸入按鈕樣式CSS3

回答

相關問題