VERY URGENT how to style a select tag

sudhakararaog · #1 (**permalink**) Dec 12th, 2007, 10:50

i am using a select tag and as per the property of a select tag it displays the border on the top, bottom, left and right.

my question is using css how can these borders on all the 4 sides be removed.
please provide the complete code to remove the borders displayed by the select tag using css.

thanks in advance.

Lchad · #2 (**permalink**) Dec 12th, 2007, 11:20

Can you post the code of your select tag? I have no idea what you are talking about.

Stuart · #3 (**permalink**) Dec 13th, 2007, 01:17

I'll have a go. From your post I understood that you want to remove the border. Easy enough:
CSS:

Code: Select all

#noborders {
border: none;
}

HTML:

HTML: Select all

<select id="noborders">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

This will remove the border around the box. If you mean the border on the dropdown part, then I must disappoint you; it's not possible.

Good luck!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
chained select box dependable select	thenamenoonehastaken	JavaScript Forum	0	Feb 8th, 2008 05:49
Need some urgent help....!!!!	shevorne	Web Page Design	9	Sep 30th, 2007 23:36
How to tell IE7 to use a pariticular style in a single style sheet	figo2476	Web Page Design	5	May 25th, 2007 14:23
CSS and select	djme	Web Page Design	1	Mar 2nd, 2006 02:05
Select a row and go! Please help?	taymond	JavaScript Forum	1	Nov 16th, 2005 15:50

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
VERY URGENT how to style a select tag