Question

href无法在Chrome中使用，但可以在Microsoft Internet Explorer或Edge上使用。

看起来像一条线（一个href =＆＃34; .... html＆＃34;）某些东西（/ a）不适用于边缘或野生动物园。

就像下拉菜单一样。

有很多代码。您可以在此处查看此问题：http://www.kuhnibelarusi.lv。你会看到4条蓝线。点击其中一个，就会出现下拉菜单。

＆＃13;

.dropdown {
  position: relative;
  border-radius: 0px;
}
.dropdown-menu {
  top: 100%;
  left: 0;
  z-index: 1000;
  float: inherit;
  padding: 5px 0;
  margin: 4px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

＆＃13;

<li class="dropdown" style="list-style-type: none; padding: 5px; background-color: #3a4d5d; margin: 2px"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true" style="color: white; padding-left: 10px">Pakalpojumi <span class="caret"></span></a>
  <ul class="dropdown-menu">
    <li><a href="/lv/services_design.html">Interjera dizains</a></li>
    <li><a href="/lv/services_kit_designing.html">Virtuves projektēšana</a></li>
  </ul>
</li>

＆＃13;

Answer 1

您依赖于默认浏览器样式。正如你所注意到的，它们并不可靠。

您似乎也假设href包含如何设置元素样式的说明 - 这是不正确的。 href仅定义链接的目标网址。

如果你希望它以特定的方式查看（如你所说，变成蓝色），你必须使用自己的css规则：

a,
a:link {
    color: black;
}

a:hover {
    color: blue;
}

a:visited {
    color: red;
]

严格来说，您只需要第二部分就可以在悬停时将链接变为蓝色，但如果您没有定义之前的状态，则可以在不同的浏览器中再次获得不同的结果。

Answer 2

您需要告诉Chrome和其他浏览器您希望悬停状态为您的＆＃39; a＆＃39;标签，使用CSS来做到这一点......

.dropdown-menu li a {
    color: red;
}
.dropdown-menu li a:hover {
    color: blue;
}

你也可以设置样式：active和：visited 试一试=]

href适用于Edge但不适用于Chrome

2 个答案: