2010-03-17 116 views
26

有没有办法在Internet Explorer中完全删除按钮的样式?我为我的按钮使用了一个css sprite,并且一切看起来都很好。删除HTML按钮的完整样式/提交

但是,当我点击按钮,它移动到顶部一点,它使它看起来变形。是否有css点击状态或mousedown?我不知道是什么触发了这个状态。

我知道这不是什么大事,但有时候这是小事。

回答

27

我假设当你说'点击按钮,它会移动到顶部一点点'你说的是按钮的鼠标点击状态,当你释放鼠标点击时,它恢复到正常状态?此外,如果想使用禁用按钮的默认渲染:

input, button, submit { border:none; } 

如果是这样..

就个人而言,我发现,你不能真正停止/清除/禁用此IE本地行动,这导致我稍微改变我的标记以允许此移动,并且不影响各种状态的按钮的整体外观。

这是我最后的加价:

<span class="your-button-class"> 
    <span> 
     <input type="Submit" value="View Person"> 
    </span> 
</span> 
+0

这就是我一直在寻找。谢谢 – 2010-03-17 18:11:47

+0

“CSS按钮教程”链接现在已损坏。 – kiwicomb123 2017-04-04 01:58:22

+0

感谢@ kiwicomb123,现在已经删除它 – 2017-04-04 08:34:58

5

尝试从您的按钮,清除边界:

input, button, submit 
{ 
    border:none; 
} 
0

我认为这是按钮“活动”状态。

+0

它是激活状态时,你是对的+1了点。但我没有得到它正常工作 – 2010-03-17 18:10:43

13

我认为这提供了更彻底的办法:

button, input[type="submit"], input[type="reset"] { 
    background: none; 
    color: inherit; 
    border: none; 
    padding: 0; 
    font: inherit; 
    cursor: pointer; 
    outline: inherit; 
} 
+1

我不认为背景有'没有' - 而!重要的是不好的。 – sheriffderek 2018-01-25 05:46:47

+0

通常,当你这样做时,你想覆盖现有的按钮存在的样式。很少有人想用干净,无格式的HTML来做到这一点,因此使用'!important'。这就是说我已经删除它,因为这是一个情况的决定。 'background:none'完全有效:https://stackoverflow.com/questions/20784292/backgroundnone-vs-backgroundtransparent – 2018-02-06 16:39:51

+0

给每个人自己的!关于!重要的。我不认为我可以在一个被迫使用它的项目上工作。 RE:'没有'这里的参考文献比SO文章更好。当你自己使用“背景”时,你真的在​​使用速记并打破所有属性。 – sheriffderek 2018-02-08 04:05:17