IE9 Border Color Bug? - PullRequest
Новая
       8

IE9 Border Color Bug?

2 голосов
/ 18 сентября 2011

Может ли кто-нибудь еще взглянуть на этот код и подтвердить, что это ошибка 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;

1 Ответ

0 голосов
/ 18 сентября 2011

не знаю, если поможет, проверил это нормально для меня

используйте это 

<!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>

и, если вы согласны с моим мнением, не используйте имена тегов в качестве имени класса

...