# Can you style form elements?

**URL:** <https://www.ruby-forum.com/t/can-you-style-form-elements/92570>\
**Category:** Rails\
**Created:** [April 20, 2007, 9:02pm UTC](https://www.ruby-forum.com/t/can-you-style-form-elements/92570 "2007-04-20T21:02:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dasch](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/b2d939/32.png) [@dasch](https://www.ruby-forum.com/u/dasch)\
**Post date:** [April 20, 2007, 9:02pm UTC](https://www.ruby-forum.com/t/can-you-style-form-elements/92570/1 "2007-04-20T21:02:48Z")

</div>

I have a small login partial, that is just 2 text\_field\_tags and a  
submit button…

Is there a way to make them a little smaller? This is supposed to be a  
small partial right under the navigation bar, but whatever the default  
elements are, are pretty large and unattractive unless they would be a  
little smaller.

An example of what I’m going for is the login at the top of the  
directv page. [http://www.directv.com](http://www.directv.com)

Thanks guys

---

<div class="post-metadata">

**Author:** ![dasch](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/b2d939/32.png) [@dasch](https://www.ruby-forum.com/u/dasch)\
**Post date:** [April 20, 2007, 9:07pm UTC](https://www.ruby-forum.com/t/can-you-style-form-elements/92570/2 "2007-04-20T21:07:48Z")

</div>

Of course you can. Try something like:

\<input type=“text” style=“width:30px;height:10px”;/\>

scott.  
On Apr 20, 2007, at 2:01 PM, AbsolutZero wrote:

> directv page. [http://www.directv.com](http://www.directv.com)
> 
> Thanks guys
> 
> >

```auto
Scott F. Walter - http://scottwalter.com

"Opportunity is missed by most people because it is dressed in
overalls and looks like work" - Thomas Edison
```

---

<div class="post-metadata">

**Author:** ![dasch](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/b2d939/32.png) [@dasch](https://www.ruby-forum.com/u/dasch)\
**Post date:** [April 20, 2007, 9:27pm UTC](https://www.ruby-forum.com/t/can-you-style-form-elements/92570/3 "2007-04-20T21:27:53Z")

</div>

Here, in fact is the exact CSS applied to the your example input tag:

#membersLogin input.login {  
display:inline !important;  
margin:3px 5px 0px 0px;  
width:66px;  
border:1px solid #CCC;  
}

---

<div class="post-metadata">

**Author:** ![dasch](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/b2d939/32.png) [@dasch](https://www.ruby-forum.com/u/dasch)\
**Post date:** [April 20, 2007, 9:36pm UTC](https://www.ruby-forum.com/t/can-you-style-form-elements/92570/4 "2007-04-20T21:36:54Z")

</div>

and your input boxes would have a class of login