can a form input box be changed to an line using CSS?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • maglockd
    New Member
    • Oct 2012
    • 3

    can a form input box be changed to an line using CSS?

    I'm trying to do a form but I'm not liking the input boxes. I would like to make it more like a paper form.
  • Rabbit
    Recognized Expert MVP
    • Jan 2007
    • 12517

    #2
    In what way? I'm not sure what you're asking for.

    Comment

    • maglockd
      New Member
      • Oct 2012
      • 3

      #3
      so instead of seeing

      First name: and an input box

      it looks more like

      First name:__input goes here_____

      Where the line not a box but an actual line...
      I 'd rather the viewer not see a box but an actual line to input the information on.

      Comment

      • Rabbit
        Recognized Expert MVP
        • Jan 2007
        • 12517

        #4
        Clear out the borders except for the bottom one.

        Comment

        • maglockd
          New Member
          • Oct 2012
          • 3

          #5
          I was just asking if that was possible I'm guessing that from the answer it is yes... Has any one tried this and are there any examples of this out there?
          Last edited by Dormilich; Oct 11 '12, 01:27 PM. Reason: orthography

          Comment

          • MasoudOsmani
            New Member
            • Oct 2012
            • 4

            #6
            try this:

            Code:
            <!--
            .textbox     { border-left-width: 1px; border-right-width: 1px; border-top: 1px solid #FFFFFF; 
                           border-bottom: 1px solid #FFFFFF }
            -->
            Maybe someone can make it shorter. this one worked for me.

            Comment

            • lyodmichael
              New Member
              • Jul 2012
              • 75

              #7
              do you try to use transparent listbox with a background of the paper you want?

              Comment

              Working...