IE9 边框颜色错误？

发布于 2024-12-05 07:19:45 字数 557 浏览 0 评论 0原文

其他人可以看一下这段代码并确认这是一个 IE9 错误还是告诉我我做错了什么？使用以下 HTML 代码。即使定义了红色边框颜色，按钮的底部边框也会呈现与文本相同的颜色。 IE8 和地球上所有其他浏览器都可以正常渲染。确保 IE9 以标准模式呈现。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
  button.button {
    color: blue;
    border: 0px;
    border-bottom: #FF0000 2px solid;
  }
</style>
</head>
<body>
  <button type="button" class="button">Update</button>
</body>
</html>

到目前为止，我发现的唯一解决办法是重新声明样式底部所有侧面的边框颜色。

border-color: #FF0000;

原文

Can someone else take a look at this code and either confirm that this is an IE9 bug or tell me what I am doing wrong? With the following HTML code. The bottom border of the button will render the same color as the text even though a border color of red is defined. IE8 and every other browser on the planet renders this OK. Make sure that IE9 is rendering in standards mode.

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
  button.button {
    color: blue;
    border: 0px;
    border-bottom: #FF0000 2px solid;
  }
</style>
</head>
<body>
  <button type="button" class="button">Update</button>
</body>
</html>

So far the only fix I've found for this is to redeclare a border color for all sides at the bottom of the style.

border-color: #FF0000;

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天赋异禀 2024-12-12 07:19:45

不知道是否有帮助，检查一下对我来说没问题，

使用这个

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
button {
    border:0;
}

.update {
    color: blue;
    border-bottom: 2px #FF0000 solid;
    display: block;
    outline:none;
  }
</style>
</head>
<body>
   <button type="button" class="update">Update</button>
</body>
</html>

，如果您接受我的意见，请不要使用标签名称作为类名称

dont know it if helps checked it out its fine for me

use this

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
button {
    border:0;
}

.update {
    color: blue;
    border-bottom: 2px #FF0000 solid;
    display: block;
    outline:none;
  }
</style>
</head>
<body>
   <button type="button" class="update">Update</button>
</body>
</html>

and if you accept my opinion, dont use tag names as class name

回复收藏 0 原文

~没有更多了~