【问题标题】：Changing the look of textfields更改文本字段的外观
【发布时间】：2010-10-27 22:43:01
【问题描述】：

当您发布新问题时，如何更改我的文本字段，使它们看起来更像 Twitter 登录文本字段，甚至是 Stackoverflow 的标题文本字段。

我目前只使用：

<%= text_field_tag 'name', @name, :size => 30 %>

【问题讨论】：

标签： html ruby-on-rails css

【解决方案1】：

看看这里。

http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

【讨论】：

【解决方案2】：

实现所需内容的一般原则是在 CSS 中的文本字段上指定细边框。要匹配 Stack Overflow Title 文本字段，请将其添加到您的 CSS 文件中：

input {
  border: 1px solid #999;
}

【讨论】：

【解决方案3】：

我认为你需要补充：

<%= text_field_tag 'name', @name, :size => 5, :class => "cssclassname"  %>

...然后定义一个名为“cssclassname”的css类（或任何你想要的）来设置css的样式。

一个不错的文本框 CSS 指南：

http://www.cssportal.com/form-elements/text-box.htm

【讨论】：

【解决方案4】：

用于 CSS 检查的 Firebug

您是否尝试过为 FireFox 使用 Firebug 工具？

您可以检查网站上的元素并查看使用了哪些样式。

在 StackOverflow 标题输入的情况下，使用了以下样式：

input {
    margin:5px 0pt;
    padding:3px;
}
input, select, button {
    border:1px solid #999999;
    font-family:Trebuchet MS,Helvetica,sans-serif;
    font-size:100%;
}

【讨论】：