改變文本框

Question

的如何更改我的文本框，使他們看起來更像是Twitter的登錄文本框，甚至標題文本字段爲＃1，當你發佈一個新的問題的外觀。

我目前只使用：

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

Answer 1

看看這裏。

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

Answer 2

總的原則實現你想要的是在你的CSS文本字段指定一個細邊框。要匹配堆棧溢出標題文本字段，添加到你的CSS文件：

input { 
    border: 1px solid #999; 
} 

Answer 3

我認爲你需要添加：

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

...然後定義一個名爲「cssclassname」 CSS類（或任何你想要的）來設計CSS。

一個很好的CSS指南文本框：

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

Answer 4

螢火蟲的CSS檢查

您是否嘗試過使用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%; 
}