1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Designing forms using CSS

Discussion in 'Web Design & Development' started by DrP, Jul 28, 2006.

Thread Status:
Not open for further replies.
Advertisement
  1. DrP

    DrP Thread Starter

    Joined:
    Jul 23, 2005
    Messages:
    739
    Anyone know a really good tutorial for designing forms?
    I've done some basic colour changes but I'm after something a bit more suave!
    Thanks,
     
  2. Leiki

    Leiki

    Joined:
    Jul 15, 2005
    Messages:
    102
  3. DrP

    DrP Thread Starter

    Joined:
    Jul 23, 2005
    Messages:
    739
    Funnily enough that's where I started. I want my form to look as good as that but the tutorial only goes into using fieldsets and legends. I'm after this:

    Varying the background of an input depending on whether the input is active or not.
    Border effects for the input boxes.
    Changing the appearance of a button instead of the simple black border around it.
    Also, I've changed the colours no problem but the 'Browse file' button remains grey, although I have been able to change the font.

    EDIT: You can set background images for the buttons but still no progress with the Browse button.
     
  4. Shadow2531

    Shadow2531

    Joined:
    Apr 30, 2001
    Messages:
    2,636
    Are you referring to the button for <input type="file">?

    <input type="file"> embeds a widget that contains an input + a button. You can't set the background of the individual parts. You can set the background for the input element itself, but the widget doesn't have a transparent background, so it won't show through.
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/487293

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice