IE8和IE9 - 造型后<button>已被点击

这两个先生外国人和GionaF说的伎俩。IE8和IE9 - 造型后<button>已被点击

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

我碰到与IE8的<input type="submit">元素和9

它看起来不错，正常的一个问题，悬停和活动状态。但是在按钮被点击后，文本会得到某种阴影以及灰色，我似乎无法覆盖。

Image of the issue

我有一种感觉，这可能是造成这个的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;

来源

2012-10-30 Dennis

删除文字阴影或设置一些过滤器 – Lukas

看来你是点击后禁用按钮，所以浏览器将添加重中之重风格为残疾人输入您无法重写的元素。只需添加这个CSS：输入[disabled =“disabled”] {text-shadow：none！important;} – Mahyar

看来你是在点击后禁用按钮（function disableButtons）。要更改文本的灰色（默认为残疾），可以使用：

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

然后，外国人说，你已经找到一种方法来定位，即（可能与conditional comments）和text-shadow切换到filter：

.ie .button { 
    text-shadow:none; 
    filter:/* etc */ 
}

来源

2012-10-30 09:52:55 Giona

Alien和GionaF先生所说的都是诀窍。但是，在这种特殊情况下，我们决定将onclick事件和disabled =“disabled”一起删除，因为它没有任何意义。 – Dennis

我怎么知道'过滤器：/ * etc * /'什么是等等??????????????你也可以输入正确的值，而不是等。Plz输入正确的值，否则它会令人困惑。 –

@jQueryAngryBird请看规格： http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx AND http://msdn.microsoft.com/en-我们/库/ ms532985（v = vs.85）的.aspx – Giona

IE浏览器有问题text-shadow: 0 -1px 0 #d12015;，所以你需要使用专用的属性，而不是

filter:DropShadow(Color=#d12015, OffX=1, OffY=0);

来源

2012-10-30 09:49:12

您不能更改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... */ 
}

使用visibility：hidden的默认按钮文本保持按钮的宽度，所以你可以定位有没有任何问题的相同的文字。

a.button span { 
    visibility: hidden; 
}

请在这里试试吧：IE浏览器

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

来源

2013-09-26 16:19:35

IE8和IE9 - 造型后<button>已被点击

回答

相关问题