css - Twitter Bootstrap Google+ 登录按钮

Question

我正在尝试将 Google+ 登录按钮添加到我的 Twitter Bootstrap 网站上的导航栏。这需要添加一些 javascript，并添加以下 div:

登入

我将这个 div 添加到导航栏中作为 ul 的一部分，如下所示:

      <ul class="nav navbar-nav navbar-right">
        <li><a href="/about" target="_blank">About</a></li>
        <li><div id="account-login">Sign In</div></li>
      </ul>

如何使 div 充当“a”字段，以便它继承正确的 css 属性？我必须将其保留为 div 才能使点击正常工作。

实际网址是http://instockalerts.net供引用。

Answer 1

在此处输入代码不确定我是否正确理解您的问题，但我认为您想要的是“div”标签与“a”标签的行为相同，继承其样式等？ ，我能想到的最简单的解决方案是在您的样式表中创建一个特定于 id 的样式，例如:

  #account-login {
        padding: 10px 15px;
        padding-top: 19.5px;
        padding-bottom: 19.5px;
        color: #fff;
         line-height: 21px;
        position: relative;
        display: block;
        background: transparent;
    }

以类似的方式添加悬停事件

  #account-login:hover {
      color: #446cb0;
      text-decoration: none;
      background-color: white;
    }