Question

我一直在尝试自定义图标以在标题中显示徽标，但我不知道如何正确设置我的css文件。我使用Bootstrap，徽标存储在我的静态文件夹中： /static/img/logo.jpg

首先，我的代码首先加载bootstrap css文件，然后加载我的自定义css文件。

然后我的html文件引用了这个：

...

<div class="page-header" >
    <div class="container">
    <h1><a href="https://mywebsite.com"><i class="icon-logo"></i></a></h1>

...

到目前为止我的css文件包含：

...

.page-header {
  height: 60px;
  margin-top: 0px;
  background: red;
  color: black;
  font-size: 15px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 11;
}

.container {
  width: 100;
  height: 100;
}

.container h1 {
  display: inline-block;
  position: relative;
  top: 0;
  color: white;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
}

a {
  position: center;
  color: white;
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: underline;
}

...

我应该在css文件中添加什么来自定义和显示徽标？

Answer 1

我不明白你究竟要做什么。

如果您希望样式为图标，只需将CSS应用于：.page-header .container h1 a img

但我认为你不想更换图标，所以如果你不想显示你的徽标，然后设置它的样式，你可以设置你的html：

for (var i = 1; i <= va; i++) {
    var "v" + i + "x" = document.getElementById("v" + i + "x");
    var "v" + i + "y" = document.getElementById("v" + i + "y");
    var "v" + i + "r" = document.getElementById("v" + i + "r");
}

然后将您的风格应用于WKWebView

应该没事。

自定义css文件以显示图标

1 个答案: