我正在处理联系页面并尝试解决样式和下拉列表的问题。我有另外五个正确设计的{div ids} 以下代码正常工作。
%label{:for => "input-2"} E-mail
%input#input-2{:name => "email", :type => "text"}
下拉列表如下所示
%input#reason
= select_tag 'reason', options_for_select(['Ads', 'Feedback', 'Bugs', 'General'] )
这些项目正好位于样式div的下方,而不是div id里面,这正是我想要的。
附件是我的sass代码:
select, #input-1, #input-2, #input-3, #reason
+border-radius(20px)
background-color: #eaeaea
background: -moz-linear-gradient(top, white, #eaeaea)
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #eaeaea))
border: 1px solid #cacaca
color: #444
font-size: 1.4em
margin: 0 0 25px
padding: 8px 10px
width: 240px
我还搜索了ruby文档,并且可以找到有关如何在div中显示文本的任何信息,有时你会在框中看到Name:JOHN DOE。那也是一个很大的帮助。谢谢!
greenz