css - 如何向 zurb 的 Foundation 下拉菜单添加自定义功能?

标签 css html sass zurb-foundation

如下图所示,Foundation 添加了一个向下的灰色三 Angular 形作为下拉区域的图标。问题是:我如何定制它?我想把它变白。

enter image description here

我尝试使用 Firebug 和 Chrome 开发工具找到它,但无济于事。我只是找不到那个三 Angular 形的代码以及如何自定义它..

最佳答案

箭头是在presentation.css的第576行创建的,具体如下几行:

border: solid 5px; 
border-color: #e6e6e6 transparent transparent transparent;

我从未见过这种创建三 Angular 形的技术,但它的解释非常好 here .

关于css - 如何向 zurb 的 Foundation 下拉菜单添加自定义功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18323890/

相关文章:

javascript - IE8 中的绝对定位中断

html - 如何将图标左对齐,文本右对齐?

html - 防止导航菜单换行

javascript - 如何在Android设备中自动播放音频?

css - 简化 sass 属性选择器

css - 如何修复sass从将单引号编译为css中的双引号

html - 更改焦点时保留选项的背景颜色

html - 不同宽度的div元素,将后续div堆叠在较短的列上

sass - 如何在 PhpStorm 中正确设置 scss 文件观察器?

css - 里面有单选按钮的样式标签