Zurb Foundation Rails Topbar Nav черная подсветка при наведении курсора на ссылку навигации

Question

У меня возникла проблема с Zurb Foundation, где наведите курсор на верхние навигационные ссылки, подчеркивая меню черным по умолчанию.

Это нормально при использовании цвета # 111 по умолчанию, но при использовании других цветов проблематично.

Что я хочу сделать, это предотвратить любую подсветку вообще. Я не хочу, чтобы цвета менялись вообще при наведении курсора на меню.

Я исследовал эту проблему последние несколько дней и пробовал многочисленные изменения в файлах безрезультатно.

Я новичок в кодировании, и любая помощь будет очень желанной.

Чтобы привести пример того, что я описываю, вот ссылка на развертывание приложения Heroku, с которым я собрался очень быстро, чтобы представить моего невестки Rails, чтобы он мог изучить его:

http://vast-headland-1673.herokuapp.com/

Это развертывание Heroku иллюстрирует то, что я описываю при наведении на пункты меню на верхней панели навигации.

Вот ссылка на хранилище GitHub:

https://github.com/marcacyr/Fernando-s-Sample-App

Спасибо!

Answer 1

Если вы не хотите, чтобы цвета менялись вообще при наведении курсора на меню. Смотрите этот стиль парить на вашем Tobar

.top-bar-section li a:not(.button):hover { 
background: #000; 
} 

.top-bar-section li a:not(.button):hover { 
background: #000; 
} 

.top-bar-section ul li>a:hover { 
background: #2b2b2b; 
} 

.top-bar-section ul li>a:hover { 
background: #2b2b2b; 
} 

Вы можете изменить background:#000 и background:#2b2b2b к background:#3b5999, добавьте один файл CSS (например a.css), и поставить этот:

/* for dropdown */ 
.top-bar-section ul li.has-dropdown ul li>a:hover { 
background: #4264ab; 
} 

/* for topbar */ 
.top-bar-section li a:not(.button):hover { 
background: #3b5999; 
} 

.top-bar-section li a:not(.button):hover { 
background: #3b5999; 
} 

.top-bar-section ul li>a:hover { 
background: #3b5999; 
} 

.top-bar-section ul li>a:hover { 
background: #3b5999; 
} 

И на вашем layouts/application.html вызова, .css выглядит как

<%= stylesheet_link_tag "application", "a" %>