form element colour

Discussion in 'CSS' started by wm2007, May 10, 2010.

  1. #1
    i got problem to set form element colour like: select or scroll bar.
    how to solve this problem?

    thx
     
    wm2007, May 10, 2010 IP
  2. ampg-it

    ampg-it Peon

    Messages:
    75
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi

    To change the colour of a textarea scrollbar you will need to add scrollbar styles like this
    <FORM>
    <TEXTAREA COLS="10" ROWS="10" 
    STYLE="scrollbar-base-color:orange;scrollbar-arrow-color:black;">
    Text in the box
    </TEXTAREA>
    </FORM>
    Code (markup):
    And to style an input box do this.
    CSS
    input.red {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;}
    Code (markup):
    HTML
    <option class="red" value= "test.htm">Text</option>
    Code (markup):
     
    ampg-it, May 11, 2010 IP
  3. digital29

    digital29 Peon

    Messages:
    462
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You can`t change the select style...you need to remake it with javascript and jquery
     
    digital29, May 11, 2010 IP
  4. wm2007

    wm2007 Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yeah.. could you give me the tutorial?
    I already googling but couldn't find the answer..
     
    wm2007, May 11, 2010 IP
  5. AtSeaDesign

    AtSeaDesign Active Member

    Messages:
    172
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    93
    #5
    see this page

    w w w.456bereastreet.com/lab/form_controls/select/
     
    AtSeaDesign, May 12, 2010 IP