如何在Foundation 5

Question

我已根据CMS前端平台创建了Foundation 5。在其中我创建了一个CSS生成器，它基本上允许通过在实际站点上的管理对整个样式表进行SASS类型控制。

系统运行良好，但是，我无法找到如何控制box shadow上显示的active/focused button样式。这是为我的生成器中的focused button生成样式的代码，它直接取自Foundation Stylesheet：

$code .= 'button:hover, button:focus, .button:hover, .button:focus{';
    $code .= 'background-color: '.changeColor($primary, $primary_hover_percent).';';
    $code .= 'border-color: '.changeColor($primary, $primary_border_percent_hovered).';';
    $code .= 'color: '.$primary_font_color_hovered.';';
    $code .= '}';

默认情况下，Foundation会将主要颜色应用为box shadow上的focused button。我的问题是我无法找到这发生的地方。由于box shadow属性不在其样式表的这一部分中，我假设它是由javascript控制的。

我搜索了javascript，但似乎无法找到任何控制box shadow添加的代码。虽然我确信这是一个非常简单的解决方案，但答案却暗指我。非常感谢任何帮助。

样品

右键是活动/聚焦按钮...如果仔细观察，可以看到蓝色框阴影。

更好的观点

更新

我已经将蓝色的十六进制代码隔离开了，并且在两个样式表上搜索了颜色都无济于事，并搜索了所有js文件，希望找到addClass()类，如{{1}等等也无济于事。同样，对这个问题的任何想法都受到了极大的欢迎。

Answer 1

Learn something new every day...Come to find out this issue had nothing to do with any Foundation 5 code. The Blue shadow was a browser setting in Chrome set on:focus for accessibility reasons. In Firefox the browser applies a dashed border.

Information concerning this issue can be found here:

http://outlinenone.com/

Resolution:

The CSS Property is: outline

To resolve the issue I simply added outline-style: none; to the code above.