0

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

我正在设计一个输入按钮。这就是我在我的 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 不支持文本阴影。

任何帮助都会非常感谢。

4

1 回答 1

1

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

于 2012-06-26T14:10:35.253 回答