Rails 3 CSS问题

Question

我想建立一个登录,注册,等形式的网站.我想知道有没有办法将变量传递给css文件,如宽度:20em; 但不是20我想要一个可以随每个形式改变的变量,所以felidset看起来正确吗？

Answer 1

有几种方法可以解决这个问题,但是我会选择以下方法:

给每个表单一个特殊的类或id(Rails通常会在表单标签上自动生成类/ ids - 我发现它很烦人,但在你的情况下可能很方便),然后,在你的样式表中,你可以使用如下规则:

#login-form input  {width: 14em;}
.signup-form input {width: 20em;}
/* And so forth... */

其他方法包括将风格信息添加到您创建的每个文本输入中(在您的操作中设置@input_style变量,在需要的地方使用它(显式) - 与上面相比似乎需要做很多工作)或使用JavaScript添加页面加载后的样式(虽然容易导致重新渲染闪烁,并且使用JS添加CSS感觉很俗气).

所以基本上,有很多方法可以做到这一点,但我建议使用CSS并深入研究.减少打字,浏览器会处理所有事情.希望这可以帮助!