href适用于Edge但不适用于Chrome

时间:2017-04-27 15:32:25

标签: html css google-chrome microsoft-edge

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

看起来像一条线(一个href =" .... html")某些东西(/ a)不适用于边缘或野生动物园。

就像下拉菜单一样。

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



.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;
}

<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;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

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

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

如果你希望它以特定的方式查看(如你所说,变成蓝色),你必须使用自己的css规则:

a,
a:link {
    color: black;
}

a:hover {
    color: blue;
}

a:visited {
    color: red;
]

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

答案 1 :(得分:0)

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

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

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