黑线穿过框

时间:2015-12-28 22:49:52

标签: css ruby-on-rails

添加link_to块之后,当我将鼠标悬停在框上时,我现在看到一条黑线 - 请参阅附图。尝试更改许多CSS属性但无法解决问题。我的观点和CSS代码如下。有任何想法如何删除这条黑线? box with black line

**View Code** 
<div class="categories">
   <ul>
      <%= link_to nqdc_user_path do %>
      <li>Sample Box</li>
      <% end %> 
   </ul>   
</div>

**CSS Code**

div.categories {
 margin-top: 25px;
 margin-left: 50px;
}

 ul {
     padding: 10px;
     color: white;
     list-style: none;
     text-align: center;
 }

 li {
   background-color: #4d4dff;
   padding: 25px;
   margin: 15px;
   display: inline-block;
   border-radius: 8px;
   font-size: 18px;
   color: white;
 }

 li:hover {
   background: #b3b3ff;
   color: black;
   text-decoration: none;
 }

源代码

<div class= "categories">
 <ul>
  <a href="/users/1/nqdc">
   <li>Sample Box</li>
  </a>
 </ul>
</div>

1 个答案:

答案 0 :(得分:0)

链接Date.parse元素应该放在var months = [ "janvier", "février", "mars", "avril", "mai", "juin", "août", "septembre", "octobre", "novembre", "décembre" ]; function parseThatDate(str) { var parts = /(\d{1,2}) ([^ ]+) (\d{4}) (\d{2}):(\d{2})/.exec(str); if (!parts) { return new Date(NaN); } var month = months.indexOf(parts[2].toLowerCase()); if (month == -1) { return new Date(NaN); } return new Date(+parts[3], // Year month, // Month +parts[1], // Day +parts[4], // Hour +parts[5] // Minute ); } var str = "23 décembre 2015 15:03"; document.body.innerHTML = parseThatDate(str).toString();元素

a

codepem