如何在折叠导航栏中删除矩形？

Question

如何删除在折叠导航栏折叠

中移动光标时出现的矩形

＆＃13;

＆＃13;

.navbar-nav > li > a {
  padding-top: -10px;
  padding-bottom: 30px;
  padding-right: 70px;
  line-height: 20px;
  list-style:solid;
  float: right; 
  display: inline;
  margin bottom: 30px;
  color: #666;
}
  

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  text-shadow: none !important;
 }

＆＃13;

  <header>
  <!-- Collect the nav links, forms, and other content for toggling -->
  <img src="image" alt="..." class="img-thumbnail">
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav navbar-right">
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home
        </a>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#"> Home</a></li>
          <li><a href="#">Page</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
          <li class="divider"></li>
          <li><a href="#">One more separated link</a></li>
        </ul>
      </li>

＆＃13;

＆＃13;

＆＃13;