Блог

Главная - Вопросы по программированию - не работает оформление текста css в Chrome

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

#css #google-chrome #safari #href

#css #google-chrome #safari #href

Вопрос:

Вот 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. Тестировался в Chrome, получил черные ссылки при наведении курсора красным. Ваша проблема заключается в чем-то другом.

2. Согласен… это работает

3. да, у меня был <p> перед <span>, который не был закрыт с помощью </p>, и это, похоже, было источником проблемы … спасибо!

Ответ №1:

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