2009-09-16 174 views
1

现在我知道这个问题是过度谈论,但我似乎无法找到解决此小宝石直接使这里变为一个问题...默认提交按钮样式表单

在Opera和IE当窗体有焦点默认提交输入获得某种突出显示。像大纲是当你有标签集中到一个元素。

然而,不像一个选项卡(虚线内或周围这对我来说是很好的和用户友好的,因此想为我的用户),这其中有一些奇怪的设计...

Firefox有其自身的问题但至少你可以自定义它。它为“突出显示”/“边界”或任何你想要调用它的空间保留了空间,这意味着你的输入将比任何其他浏览器都大。 - 为什么它不能做到它为锚点做的事情,并且在被炸毁的东西周围有亮点?

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

IE是如Firefox,但定制它没有已知的方法..

现在的问题:有没有一种方法来设置颜色血腥在Opera这一焦点事件(这将解决这个问题),或在Firefox中使用它,而不必在每个其他浏览器中膨胀设计或使IE完全符合要求。

提前

回答

3

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

+3

投票在此?请任何投票给我的人回答这个问题。 – Dorjan 2009-09-28 15:46:28

+0

呀,那个家伙怎么了,你的答案+1,你的评论+1 ......另外我认为你是对的,因为我有同样的问题,似乎你不能防止默认行为。顺便说一句,我希望在Stackoverflow的人会长大,而不是投票人,因为他们对某事感到痛苦。 – 2009-11-12 07:46:54

+0

谢谢jpsivashy :) 我讨厌所有浏览器都有独特的按钮做法,也不让我们介绍CSS的所有功能。 哦,好的。 – Dorjan 2009-11-16 17:04:17

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

非常感谢这应该允许您控制按钮的视觉互动。要定位特定按钮,请在按钮标记上的HTML中提供一个id值。

+0

活跃你说..嗯...我会考虑这样做。 – Dorjan 2009-09-16 15:22:36

+1

到目前为止,活动没有做任何事情...... – Dorjan 2009-09-16 15:26:21

0

尝试做

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

这个工作对我来说在文本字段 - 我不知道,如果它延续到提交或按钮元素,但它是值得一试。

+0

不幸的是,这并不适用于所有浏览器。非常感谢,但。 – Dorjan 2009-09-17 11:13:31

0

均田的hackish,但绝对工程..

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