新手问题 ruby link_to 去掉下划线

xiaoxiao · 2013年07月04日 · 最后由 ashchan 回复于 2013年07月04日 · 3398 次阅读

我新建一个项目,用脚手架生成一个 boy,打开 localhost:3000/boys 可以发现每个链接下面都有一个下划线,我不想这个下划线出现,就得修改 css。 我在 assets/stylesheet/application.css 中添加 .menu-text { font-size: 30px; text-decoration:none; } 在 view 中修改成如下

<% @boys.each do |boy| %>
  <tr>
    <td><%= link_to edit_boy_path(boy) do %>
     <div class="menu-text">yy</div>
     <% end %></td>
  </tr>
<% end %>

但是还是发现 yy 下面还是有下划线。我已经设置 text-decoration:none;这是什么原因。我如果修改 font-size,则可以修改 yy 的大小。why。难道 ruby 还在其他地方定义了样式。。。。。。(我已经删掉了 scaffolds.css.scss)

下划线是 a 标签的样式。

link_to 本身就生成了一个 a 表情,楼主这样做只能修改内部 div 的样式,下划线是作用于 a 标签上的

果然是立杆见影,赞一个

块元素最好不要包含在内联元素里面

#4 楼 @miclle HTML5 时代了没问题。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号