-1

那些超级 IE 疑难解答。这是错误。在这个表单的底部：http: //xquives.kiaistudio.com/new-form/index.php有两个按钮。它们在 IE10 FF 等中看起来很完美，但在 IE 9-8-7 中却不是。我该如何解决？

按钮框CSS：

#buttonbox {
    display : block;
    margin-top:20px;
    margin-bottom : 20px;
    overflow:auto;
    float:right;
}

按钮类css：

.button {
    background:#5f6156;
    background:rgba(0, 0, 0, 0.6);
    color:#FFF;
    padding: 5px;
    float: left;
    width: 100px;
    border: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
    margin:10px;
    display:block;
    height:30px;
}
.button:hover {
    color:#D3411F;
}

按钮 div html：

<div id="buttonbox">
    <input name="SOUMETTRE" type="submit" class="button"/>
    <input name="REINITIALISER" type="reset" class="button" />
</div>

-- 更多信息，IE 7-8-9 中无用的按钮是黑色的，没有文字（或黑色文字），所以我们看不到文字......但是从 OK 触发帖子......只是看不到FF 或 IE10 中的文本

--

这是一个汇总起来的多个屏幕截图！

在此处输入图像描述

4

2 回答 2

0

输入标签需要有一个 value 属性来告诉浏览器要显示什么文本 – Cody Guldner 3 月 22 日 20:34

于 2013-03-27T20:51:47.930 回答
0

input尽管由于链接已损坏，我无法看到所有代码，但我会假设您已通过某种伪类将文本插入到 中，例如:beforeor :after。我知道这一点，因为

  1. 你没有value属性input
  2. 您必须使用较低级浏览器不支持的东西
  3. 所以它可能不是 jQuery，因为它有很好的浏览器支持

所以要解决这个问题，你需要做的就是value在input. 这将确保始终显示文本，因为它是硬编码到 HTML 中的。

这些按钮仍然具有它们的功能。只是没有人会知道他们在做什么/

于 2013-05-23T03:57:42.717 回答