Alternate select : U-Trade : U-Trade

Hello Guest

Links

Google Search

categories

css

» Form Components

» Buttons

» Transparency

html

» Tags

» Marquee

» Implementations

» Tables

javascript

» Dimensions

» Implementations

» Menu

» Images

» Text effects

photoshop

» Logo

» Orbs

» 3D effects

php

» Security

Do you have something to do in code, design or animation and you don't know how?
Send us an e-mail and will do a tutorial which will solve your problem.

10 Random Tutorials from all categories and subcategories

Alternate select : U-Trade

+ Share and Enjoy

Author: Cristea Iulian

Vote this article

To create an alternate combo box you either need to use just 2 simple classes or inline styles.

In our example we use classes. All you need to do is to set classes in an alternate way, switching between the first one with the second. A faster and clean way is to use your programming language to change those colors automatically.

Our classes might be:

<style type="text/css">


	.backSelectNormal
	{
		background-color:#FFFFdd;
	}
	.backSelectAlternate
	{
		background-color:#FFcc88;
	}

</style>

Regarding our drop down list, here it comes:

<select>
	<option value="alternate colors" class="backSelectNormal">alternate colors</option>
	<option value="0" class="backSelectNormal">0</option>
	<option value="1" class="backSelectAlternate">1</option>
	<option value="2" class="backSelectNormal">2</option>
	<option value="3" class="backSelectAlternate">3</option>
	<option value="4" class="backSelectNormal">4</option>
</select>

+ post a comment

sitemap | terms and conditions | contact