Html 推特引导折叠在单击时移除边框
嗨,我现在有一个问题,当我点击折叠按钮显示我的导航栏链接时,我的透明导航栏突然有了这个黑色边框。即使我将“边框颜色”设置为“透明”,我也不明白为什么会出现这条线 [ 我的html代码:Html 推特引导折叠在单击时移除边框,html,css,Html,Css,嗨,我现在有一个问题,当我点击折叠按钮显示我的导航栏链接时,我的透明导航栏突然有了这个黑色边框。即使我将“边框颜色”设置为“透明”,我也不明白为什么会出现这条线 [ 我的html代码: nav class="navbar navbar-inverse" style="background-color:transparent; height:94px; padding:none; border-color:transparent;"> <div class="container-
nav class="navbar navbar-inverse" style="background-color:transparent; height:94px; padding:none; border-color:transparent;">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" style=""><%=image_tag "elem_logo-white.png", :style => "width: 95%;"%> </a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<% if user_signed_in? %>`
<li role="presentation" class="dropdown" style=" margin:20px 60px 0px 20px;">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:19px;margin:none; color:white;">
<%= current_user %> <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<% if current_user.try(:admin?) %>
<li>
<p class="" href="#login" data-toggle="modal">
<center>
<%= link_to "DASHBOARD",admin_dashboard_path, :style=>"font-size:14px; margin-left:12px;" %>
</center></p>
</li>
<% else %>
<li>
<p class="" href="#login" data-toggle="modal"><center><%= link_to "PROFILE", hound_user_path(current_user.id), :style=>"font-size:14px; margin-left:12px;" %></center></p>
</li>
<%end%>
<li><hr></li>
<li>
<p class="" href="#login" data-toggle="modal"><center><%= link_to "SIGN OUT", destroy_user_session_path, :style=>"font-size:14px; margin-left:12px;" %></center></p>
</li>
</ul>
</li>
<%else%>
<li style=" margin:20px 10px 0px 20px;"><a style="font-size:22px;margin:none; color:white; outline:0;" href="#login" data-toggle="modal"><b>LOG IN</b></a></li>
<li style=" margin:20px 50px 0px 10px;"><a style="font-size:22px;margin:none; color:white;" href="#signup" data-toggle="modal"><button style="height: 40px; width:150px; border-radius: 20px; border: solid 1px; background-color: transparent; margin-top:-10px; outline:0;"><b>SIGN UP</b></button></a></li>
<% end %>
</ul>
</div>
</div>
</nav>
nav class=“navbar navbar inverse”style=“背景色:透明;高度:94px;填充:无;边框颜色:透明;”>
-
“字体大小:14px;左边距:12px;”%>
-
“字体大小:14px;左边距:12px;”%>
-
“字体大小:14px;左边距:12px;”%>
有人能帮我吗?谢谢!你检查了
a:active
?请尽量避免内联css.:)会让生活更艰难你检查了a:active
?请尽量避免内联css.:)会让生活更艰难吗