Question

我在网络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，则会发生这种情况。

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

1 个答案: