Question

我无法更改以下导航栏的颜色。我想改变背景颜色，它是灰色的，我想以浅蓝色为例我尝试在导航栏上添加样式属性

<nav class="navbar navbar-expand-lg navbar-light bg-light" style="">

style="color:#ADD8E6"

但它不起作用

这里是

https://www.w3schools.com/code/tryit.asp?filename=FQ92SC7PE45P

有人可以帮帮我吗？感谢

Answer 1

这些类（navbar-light bg-light）可能会改变背景颜色无论如何，您可以使用！important标志为.navbar类添加规则以实现它

class Tests < Thor
  desc('all', 'run all tests')
  def all
    setup()
    invoke :some_test_suite
    teardown()
    setup()
    invoke :some_other_test_suite
    teardown()
    # etc.
  end 

  desc('setup', 'set up the test database')
  def setup
    # some setup tasks here
  end

  desc('teardown', 'tear down the test database')
  def teardown
    # some teardown tasks here
  end
end

或者您可以使用预定义的颜色，例如 BG-主 BG-信息 BG-危险 BG-警告 BG-成功

Answer 2

你可以通过两种方式让它发挥作用， 1.写你的css代码 2.像你一样用html中的白色

编写您的css代码在导航栏中添加一个类，例如mytheme

和白色这个css代码

.mytheme {
background-color: #add8e6 !important;
}

或按照自己的方式行事

<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color: #add8e6 !important">

Answer 3

尝试更改nav标记的内联css属性试试这个。

<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color:black; color:white; padding:10px">

Answer 4

如果您想通过内联样式进行操作，只需在您的样式后添加重要内容即可。

<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color:red !important;">

如何更改此导航栏颜色？

4 个答案: