css оформление текста нет не работает в Chrome - PullRequest
Новая
       15

css оформление текста нет не работает в Chrome

1 голос
/ 08 ноября 2011

Вот код HTML и CSS: 

#spanUpdBrowserSuggestions a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

#spanUpdBrowserSuggestions a:hover {
    color: #FF0000;
}
<span name="spanUpdBrowserSuggestions" id="spanUpdBrowserSuggestions">
<ul>
  <li><a href="http://www.mozilla.com/en-US/firefox/new/" target="_new">Firefox</a><br></li>
  <li><a href="http://www.opera.com/download/" target="_new">Opera</a><br></li>
  <li><a href="http://www.google.com/chrome/index.html" target="_new">Chrome</a><br></li>
  <li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_new">Explorer</a><br></li>
</ul>                   
</span>

В Firefox, Opera, даже в IE он отображается так, как должен: черные ссылки обычно и красные при наведении.в браузерах на основе Webkit (Google Chrome и Safari) он отображается в виде обычных синих ссылок с подчеркиванием.

Есть идеи, что не так?

1 Ответ

5 голосов
/ 08 ноября 2011

Вы не должны помещать блочный элемент внутри встроенного элемента, поэтому вы не можете поместить ul в span.попробуйте изменить диапазон для другого элемента, например, div.

...