好吧,所以我对使用基金会有点陌生,我已经尝试了几个关于各种支持的“修复”,但我还是搞不清楚。用红色圈起来的比特不会变成和其他的一样的粉红色吗?
好吧,我有一张照片,但我没有资格贴出来。基本上,我将代码用于处理所有的下拉列表,但对于左边没有任何内容的小矩形,我的代码却不起作用。
我在StackOverflow上找到了另一个人的问题的代码片段,并对其进行了修改.
.top-bar {
background: #FF859C !important;
}
.top-bar-section li a:not(.button) {
background: #FF859C !important;
}
.top-bar-section li a:not(.button):hover {
background: #BCD955 !important;
}
.top-bar-section ul li.active > a {
background: #FF859C !important;
}
但不起作用了?这是我对它所做的唯一的编辑,但对于我的生活,我无法使它为那个矩形工作。
耶!我可以发照片!
井。当我找到代码来显示给你们看的时候,我自己修好了。所以,谢谢你让我走得更深!!
我没有从Foundation的站点复制代码,而是在基本的Foundation文件中找到了它。
@media only screen and (min-width: 40.063em) {
.top-bar {
background: #016B98;
overflow: visible; }
.top-bar:before, .top-bar:after {
content: " ";
display: table; }
.top-bar:after {
clear: both; }
.top-bar .toggle-topbar {
display: none; }
.top-bar .title-area {
float: left; }
.top-bar .name h1 a {
width: auto; }
.top-bar input,
.top-bar .button,
.top-bar button {
font-size: 0.875rem;
position: relative;
top: 7px; }
.top-bar.expanded {
background: #333333; }
因此,谢谢您的帮助!
第一个背景是我需要的地方!对于那些发现这一点并感到困惑的人,这就是我在更改颜色时遇到的问题(插入图片我仍然不能发布,因为您需要10!)。
不管怎样,再次谢谢你。非常非常!
发布于 2014-10-22 07:54:23
要更改“基础”菜单中下拉箭头的颜色,只需将此代码添加到app.css文件中即可。
.top-bar-section .has-dropdown>a:after {
border-top-color: #ff859C ;/*change to what ever color you would like*/
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
注意:如果您正在更改常规css文件中的基础默认样式,则需要将!重要标记添加到样式末尾。
https://stackoverflow.com/questions/26510758
复制相似问题