css and forms 1

[crazyboybert]

hi guys,

i want to use css to style my forms. now i can use something like this..

input{border-style:none}

which gets rid of the borders on my form elements. however what if i only want to get rid of the borders on say text boxes?

i tried things like input:text, my theory being it may work like anchors but with no success. i know i could use classes if i wanted but was wondering if i can reference specific types of input individually...

cheers for any thoughts?

rob

 

[Glowball]

I looked up "border text" searching for All Words and found lots of posts on this (see thread215-68833 for example). Might want to try that!

 

[crazyboybert]

cheers for that glowball!

if you look at the thread you directed me to you will notice it doesnt answer my question! In fact i did a keyword search before making the post and found plenty on forms and styles but nothing specifically relating to wehther you can reference individual types of form element for example text boxes.

sometimes it helps to read the question. you might want to try that!

 

[KevinFSI]

Crazy,
How about using a class:

INPUT.special {border:none;}

<INPUT TYPE=&quot;text&quot; CLASS=&quot;special&quot; VALUE=&quot;No Borders Here&quot;>

<INPUT TYPE=&quot;button&quot; VALUE=&quot;This Has Borders&quot;>

Kevin
slanek@ssd.fsi.com

 

[aperfectcircle]

You can do this in Netscape 6+ and Mozilla like this:
input[type="text"] {
border-style: none;
}

But as far as I know it can't be done in IE...

 

[ToddWW]

Use the class solution. It should work just fine..

TW

 

[crazyboybert]

Cheers everyone,

Looks like if i want an all browsers solution i gotta go with classes. oh well i thouhgt it might be neat if there was a solution like the netscape 6.0/mozilla one - thanks for that aperfectcircle i gonna have a play with it anyway.

for ONCE something that IE doesnt cover as neatly as netscape. WOW.

thanks again

Rob