基础选项卡悬停背景颜色答案

【问题标题】：Foundation tabs hover background color基础选项卡悬停背景颜色
【发布时间】：2017-05-04 02:05:45
【问题描述】：

我正在使用基础，需要更改默认背景颜色、字体颜色和悬停颜色。我已经尝试过这样的事情，但它不适合我：

我的 css 文件：

.tabs {
  background-color: #353A41;
  border: 0;
}

.tabs a{
  color: #FFFFFF;
}

.tabs :hover{
  background-color: #2A2E34;
}

【问题讨论】：

标签： css zurb-foundation

【解决方案1】：

这是无效的：

.tabs :hover {
  background-color: #2A2E34;
}

试试这个：

.tabs a:hover {
  background-color: #2A2E34;
}

【讨论】：

【解决方案2】：

尝试将此添加到您的自定义 CSS：

.tabs a{
    background: colorname;
    color: colorname;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: colorname;
    color: colorname;
}

【讨论】：