表单的默认提交按钮样式

时间:2009-09-16 15:12:00

标签: html cross-browser

现在我知道这个问题已被过多谈论但我似乎无法找到直接解决这个小宝石的问题,所以这里有...

在Opera和IE中,当表单具有焦点时,默认的提交输入会获得某种突出显示。像大纲一样,当你将标签聚焦到元素上时。

然而,与标签之一不同(我内部或周围的虚线很好,用户友好,所以想要我的用户)这个有一些奇怪的设计......

Firefox有自己的问题,但至少可以自定义它。它保留了“突出显示”/“边框”或任何您想要调用的空间,这意味着您的输入将比任何其他浏览器更大。 - 为什么它不能做它对锚点的作用,并在爆破的东西周围突出显示?

Opera本身就很奇怪(Opera 10)因为它使得轮廓“突出”任何黑色。现在这不是一个问题,除非你有一个黑色的背景......它取代了原来的边界,这只是值得掌握的......他们在想什么。

IE就像Firefox,但没有已知的方法来定制它..

现在的问题是:有没有办法在Opera中为这个焦点事件设置血腥颜色(这可以解决这个问题)或者在firefox中设置它而不必在其他所有浏览器中膨胀设计或者让IE完全符合。

非常感谢提前

4 个答案:

答案 0 :(得分:3)

我尝试过并试过,但我认为这不可能。

答案 1 :(得分:0)

button:active{background-color:#f00;}
button:hover{background-color:#0f0;}

这应该允许您控制按钮的可视交互。要定位特定按钮,请在按钮标记上的HTML中提供ID值。

答案 2 :(得分:0)

尝试做

<input type='submit' autocomplete='off' style='outline:none;'/>

这在文本字段中对我有用 - 我不确定它是否会继续提交或按钮元素,但值得一试。

答案 3 :(得分:0)

有点hackish,但绝对有效..

<input type='submit' onfocus="blur()" />