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

回答

相关问题