我正在运行Bootstrap gem的4.4.1版本。我的Rails应用程序中有一个Bootstrap 4 navbar。这是我的一些条形码。
<ul class="navbar-nav ml-auto">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden"> <a href="#top"></a> </li>
..........
<li class="nav-item nav-link"><%= link_to "#{t :link_story}", story_path %></li>
<li class="nav-item nav-link disabled"><%= link_to "#{t :link_blog}", blog_path %></li>
<li class="nav-item nav-link disabled"><%= link_to "https://www.facebook.com/xxxxxxxx/", target: "_blank" do %><i class="fab fa-facebook-f"></i><% end %></li>
<li class="nav-item nav-link disabled"><%= link_to "https://twitter.com/lightbecorp", target: "_blank" do %><i class="fab fa-twitter"></i><% end %></li>
</ul>
残疾人班很管用。你不能点击他们在所有这是我想要的。我希望那些链接是灰色的。
下面是CSS代码。最后一行是我改变字体颜色的尝试。
.navbar-custom { padding: 0; border-bottom: 0; letter-spacing: 1px; background: $navBackColor; text-transform: uppercase; }
.navbar-custom .navbar-brand { text-transform: capitalize; }
.navbar-custom .navbar-brand:focus { outline: 0; }
.navbar-custom .navbar-toggler { color: #eee; font-size: 129%; border-radius: 2px; padding: 0 4px; }
.navbar-custom .navbar-toggler:hover, .navbar-custom .navbar-toggler:focus { background-color: #e75926; color: #ffffff; }
.navbar-custom .navbar-brand .navbar-toggler:focus, .navbar-custom .navbar-brand .navbar-toggler:active { outline: 0; }
.navbar-custom a { color: $linkColor; font-weight: bold; }
.navbar-custom i.fas { color: $red; font-weight: bold; }
.navbar-custom .navbar-nav li a { -webkit-transition: background .3s ease-in-out; -ms-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
.navbar-custom .navbar-nav li a:hover { outline: 0; color: $linkColorHover; background-color: transparent; }
.navbar-custom .navbar-nav li a:focus, .navbar-custom .nav li a:active { outline: 0; background-color: transparent; color: $linkColorHover; }
.navbar-custom .navbar-nav li.active { outline: 0; }
.navbar-custom .navbar-nav li.active a { background-color: rgba(255,255,255,.3); }
.navbar-custom .navbar-nav li.active a:hover { color: $linkColorHover; }
.navbar-custom .navbar-nav li .disabled { color: $grayDisabled; }
我也试过以下方法,但没有一个奏效。
.navbar-custom .disabled { color: $grayDisabled; font-weight: bold; }
.navbar-custom a { color: $linkColor; .disabled { color: $grayDisabled; font-weight: bold; } font-weight: bold; }
.navbar-custom .navbar-nav li a.disabled { color: $grayDisabled; }
.navbar-custom a.disabled { color: $grayDisabled; font-weight: bold; }
我找到的所有信息都与引导3有关,在引导3中,您必须在CSS样式表中编写pointer-events:none;
。.Disabled类使用指针-事件:none;
。
我想使用类.nav-item和.nav-link来保持那些项与工作链接相同的样式,除了字体颜色。
我在文档中没有看到任何内容说明我不能更改类的字体颜色。
我该怎么做?
只需将最后一行改为
null
.navbar-custom .navbar-nav li.disabled a { color: $grayDisabled; }
我意识到这听起来很像已经发布在那里的许多问题,但是请继续阅读;这有一个看似相似的问题,但并没有与已经提供的许多解决方案一起工作。 我目前正在操作系统X和视窗系统上用Eclipse写Java。使用操作系统X,我有一个JButton,从. setEnable(true)到. setEnable(false)。当这种情况发生时,当它被禁用时,我通过. setbackground(某种颜色)改变它的背景颜
问题内容: 我需要更改CSS中禁用的输入元素的样式。 我该如何针对Internet Explorer? 问题答案: 您不能使用Internet Explorer。 -您可以将输入设置为,但这会带来其他后果(例如使用,将被发送到服务器提交,但使用,则不会)
由于某种原因,我必须将图标包装在标记中。 是否有可能将字体出色的图标的颜色更改为黑色? 或者只要它包装在标记中就不可能?字体真棒应该是字体而不是图像,对吧?
问题内容: 我注意到您可以更改文本框中文本的颜色,该文本框在Firefox中应用了简单的类却被禁用,但是无法在IE 6/7中做到这一点。有没有人有一个优雅的解决方案来实现这一目标。 问题答案: 我注意到您可以在Firefox中禁用的文本框中更改文本的颜色 我想这个问题想说的是: IE中显示灰色文本,而Fox中显示红色。FWIW,Opera也给出灰色,而WebKit浏览器给出红色。 这是一个纯粹的C
我必须将我的图标包装在
我想改变字体的颜色,或者在字体中添加阴影以提高可视性。然而,我还没有找到一种方法去做。一种替代方法是使用plotly,但当你将plotly对象放入闪亮的应用程序并在手机中可视化时,你会失去交互标签,因此networkD3提供了更好的集成。唯一的问题是,我很难个性化服装。我想改变字体颜色。 一个值得指责的例子: