css - Internet Explorer 输入按钮 - 单击它似乎添加了阴影并使文本变灰

Question

我在 Internet Expolorer 中遇到了一个奇怪的问题。

我正在设计输入按钮的样式。这是我在 CSS 中想到的。

.gform_wrapper input.gform_button {
    float: left;
    display: block;
    background: #045d8e;
    padding: 2px 10px 0; 
    text-transform: uppercase;
    text-decoration: none !important;
    color: #ffffff !important;
    outline: none !important;
    border: none !important;
    cursor: pointer;
    margin: 0;
    height: 35px;
    width: auto !important;
    outline: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: none !important;
}

#ie7 .gform_wrapper input.gform_button {
    width: 90px;
    padding: 1px 0 0;
}

.gform_wrapper input.gform_button:hover {
    background: #024061 !important;
    color: #ffffff;
}

.gform_wrapper input.gform_button:active,
.gform_wrapper input.gform_button:focus {
    border: none !important;
    outline: none !important;
    color: #ffffff !important;
    text-shadow: none !important;
    background: #024061 !important;
}

所有这些样式似乎都有效，但在 IE 中，当您单击按钮时，当加载表单时，它会向文本添加灰色并出现白色阴影。这很奇怪，因为 IE 不支持文本阴影。

如果有任何帮助，我们将不胜感激。

Answer 1

我有一个类似的问题，但在我的例子中，它是一个 span 元素，在我的脚本运行后显示灰色文本和白色阴影。事实证明，在 Internet Explorer 中，如果将 span 或 div 元素的 'disabled' 属性设置为 true，就会发生这种情况。