Input CSS

Discussion in 'CSS' started by Seqqa, Jan 25, 2009.

0
  1. #1
    I want to enlarge a button and a input field and inputted text, I know it can be done just not sure how to do it?

    + rep for someone that knows how!
     
    Seqqa, Jan 25, 2009 IP
  2. ryandanielt

    ryandanielt Well-Known Member

    Messages:
    1,797
    Likes Received:
    37
    Best Answers:
    0
    Trophy Points:
    185
    #2
    make a class, for example

    .inputbutton {
    height: 20px;
    Width: 60px;
    }

    Then call it into the button using " class="inputbutton"

    Let me know how it turns out!
     
    ryandanielt, Jan 25, 2009 IP
    Seqqa likes this.
  3. Seqqa

    Seqqa Well-Known Member

    Messages:
    3,695
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    115
    #3
    well that enlarges the button but I also need the input bar enlarging, the button text and the text that's inputted...
     
    Seqqa, Jan 25, 2009 IP
  4. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Well, you could use another class on the input (text) field, such as "txtMed". (Just as ryandanielt suggested above, but on the text box.) Then, in your CSS:

    .txtMed{height:/*height here*/;width:/*width here*/;font-size:/*size here*/;}

    You can even change the font-family for the input if you want to. Hope that helps. : )
     
    katendarcy, Jan 25, 2009 IP
    Seqqa likes this.