1

Alien 先生和 GionaF 所说的都起到了作用。

但是，在这种特殊情况下，我们决定将 onclick 事件和 disabled="disabled" 一起删除，因为它没有任何意义。

我<input type="submit">在 IE8 和 9 中遇到了这个元素的问题。

它看起来很好、正常、悬停和活动状态。但是在单击按钮后，文本会出现某种阴影以及我似乎无法覆盖的灰色。

问题图片

我有一种感觉，这可能是导致此问题的 onclick 事件，但可以通过 CSS 修复它吗？

按钮的 HTML：

<input class="button" type="submit" id="CancelButton" name="CancelButton" value="Avbryt" onclick="window.setTimeout( disableButtons, 1 ); return true;" />
<input class="defaultbutton" type="submit" id="PublishButton" name="PublishButton" value="some_ez_publish_code" onclick="window.setTimeout( disableButtons, 1 ); return true;" />

CSS（很多类名，将它们排除在外）：

background-image: none;
background: url(../images/btn-sprite-large.png) 0px 0px no-repeat;
border: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 11px;
font-weight: 900;
height: 32px;
line-height: 26px;
text-align: center;
text-shadow: 0 -1px 0 #d12015;
width: 120px;
4

3 回答 3

3

似乎您在单击（功能disableButtons）后禁用了按钮。要更改文本的灰色（默认为禁用），您可以使用：

.button[disabled], .button:disabled {
    color:#fff;
}​

然后，正如 Alien 先生所说，您必须找到一种方法来定位 ie （可能带有条件注释）并从切换text-shadow到filter：

.ie .button {
    text-shadow:none;
    filter:/* etc */
}
于 2012-10-30T09:52:55.577 回答
2

IE有问题text-shadow: 0 -1px 0 #d12015;，所以你需要使用专有属性来代替

filter:DropShadow(Color=#d12015, OffX=1, OffY=0);
于 2012-10-30T09:49:12.147 回答
1

您无法更改 IE 中禁用按钮的浏览器样式，但您可以像这样包装您的按钮：

<div class="button-wrap">
    <a class="button" disabled="disabled"><span>My button</span></a>
    <span class="visible-text">My button</span>
</div>

然后根据需要定位和设置可见文本的样式。像这样的东西：

.visible-text {
    position: absolute;
    cursor: pointer;
    color: green; /* or whatever... */
}

使用可见性：默认按钮文本上的隐藏保持按钮的宽度，因此您可以在那里放置相同的文本而不会出现任何问题。

a.button span {
    visibility: hidden;
}

请在这里尝试：

http://jsfiddle.net/fnwjT/47/

于 2013-09-26T16:19:35.437 回答