SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Zealot Firestorm2003's Avatar
    Join Date
    Aug 2003
    Location
    England
    Posts
    121
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Styling Input Areas/Buttons

    How do I style form buttons and input fields?

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Code:
    input, select, textarea {
     /* your styles here*/
    }
    What are you trying to do specifically? A better explanation will lead to better answers .

  3. #3
    SitePoint Zealot Firestorm2003's Avatar
    Join Date
    Aug 2003
    Location
    England
    Posts
    121
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Change the background color, font, border...

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Try this then:
    Code:
    input, textarea, select {
      border: 1px solid black;
      background-color: #dfdfdf;
      color: black;
      font-family: verdana, arial, helvetica, sans-serif;
      font-weight: bold;
      font-size: 13px;
    }
    You won't get the same border effect on <select>s though, as they're notoriously bad about being bordered.

  5. #5
    SitePoint Zealot Firestorm2003's Avatar
    Join Date
    Aug 2003
    Location
    England
    Posts
    121
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks.

  6. #6
    SitePoint Zealot HardinComp's Avatar
    Join Date
    May 2003
    Location
    Boston, MA
    Posts
    171
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Of course SP has an excellent tutorial at http://www.sitepoint.com/article/1166.
    J.M. Hardin
    My blog
    Registered Ubuntu User #10980


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •