相关疑难解决方法(0)

如果页面中有一个简单元素并在IE8/9中单击它(在单击期间按住鼠标以查看效果),则按钮会向下移动一点向右移动.

我假设这是默认IE样式的一部分.反正有没有阻止这种行为？

http://jsfiddle.net/tmcconechy/hqm59/

<input type="button" value="Button" />

默认情况下单击按钮时,IE将文本向下缩小1px.有没有什么办法与阻止这种刚刚 CSS？

我也将自己的样式添加到此按钮,一切都很棒,直到我单击按钮中的文本... IE似乎忽略了我的样式表中定义的:活动状态.但是,如果我单击按钮而不是文本,IE将执行:active状态.当然,无论我做什么,文字移动问题仍然存在.

有任何想法吗？

我正在尝试删除Internet Explorer中按钮上的3D点击效果(我正在使用IE10).

我尝试过:

button:active {
  position: relative; 
  left: -1px; 
  top: -1px; 
}

但这会使整个按钮左上角移动1 px(不是我正在寻找的行为).
我想让文本保持在同一位置,即使点击也是如此.

我发现这个问题并没有很好的答案,所以我在这里问.

到目前为止,这是我的代码:http:
//codepen.io/anon/pen/aliFb

我正在创建一组可在每个浏览器中运行的大量HTML组件(无论如何,这个想法始于:-))

现在,我想要一个按钮,根据StackOverflow 上的这篇文章,我不应该使用按钮,因为那个按钮具有3D推送效果.为了删除那个,建议是使用a a href和样式到我喜欢的按钮.

所以这是HTML:

<a href="#" class="button">
    <span>Yes</span>
</a>

当然,这是HTML:

a.button {
  color: #444;
  border: 1px solid #ababab;
  cursor: default;
  padding: 0 5px 0 5px;
  text-decoration: none;
}
a.button:hover {
  background-color: #cde6f7;
  border: 1px solid #92c0e0;
}
a:active.button {
  background-color: #92c0e0;
  border: 1px solid #2a8dd4;
}

没有什么真的很复杂

现在,这可以在谷歌Chrome和Firefox中运行,就像这个JsFiddle演示的那样.

该按钮有3种不同的状态:

• 一个普通的"默认"按钮.
• 悬停在它上面的一种风格.
• 点击它时的样式.

现在,当您单击按钮时,Internet Explorer不会应用新样式,它与悬停时的样式相同.除非您单击边框(如果您设法单击边框,则应用正确的样式).

现在,为什么我有这种行为并且可以解决,因为它对我的Control Suite的开发至关重要.

我知道可以通过在点击它时添加删除类来解决jQuery,但这似乎是一个非常难看的解决方案,如果有一个'CSS-Friendly'解决方案,我想使用那个.