Drop Down List yang sama saiz

Ini ialah 2 contoh Drop Down List dan code yang saya gunakan.  Jadi kali ni saya nak tunjukkan cara untuk Drop down ni mempunyai lebar yang sama antara satu sama lain.

- Search Engine - Google Yahoo

- Email Provider For free - Yahoo Google

Jadi kali ini saya akan tunjukkan cara bagaimana untuk menyamakan saiz kedua-dua drop down list ini.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option> - Search Engine - </option>
<!-- change the links with your own -->
<option value="http://google.com">Google</option>
<option value="http://yahoo.coom">Yahoo</option>
</select></form>

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option> - Email Provider - </option>
<!-- change the links with your own -->
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://google.com">Google</option>
</select></form>

Apa yang kita perlukan supaya lebar drop down list ni sama ialah dengan menambah : style="width:200px" , 200px itu ialah sazi lebarnya, jadi anda boleh ubah mengikut ke sesuaian anda. Contoh;

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px">
<option> - Search Engine - </option>
<!-- change the links with your own -->
<option value="http://google.com">Google</option>
<option value="http://yahoo.coom">Yahoo</option>
</select></form>

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" style="width:200px">
<option> - Email Provider - </option>
<!-- change the links with your own -->
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://google.com">Google</option>
</select></form>

Hasilnya:

- Search Engine - Google Yahoo

- Email Provider - Yahoo Google

Perhatikan lebarnya yang sama. Berjaya!!! hehe

Namun bukan setakat lebarnya sahaja, bahkan anda mampu menukar warna tulisan dan warna latar belakang Drop list tu dll.


style="width:200px;color:#0000A0;background:#808080"


contoh:  

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"style="width:200px;color:#000A0;background:#808080">
<option> - Email Provider - </option>
<!-- change the links with your own -->
<option value="http://www.yahoo.com"style="width:200px;color:#E9CFEC;background:#000000">Yahoo</option>
<option value="http://google.com"width:200px;color:#E9CFEC;background:#000000">Google</option>
</select></form>

- Email Provider - Yahoo Google

Ini adalah cara yang saya belajar di blog orang lain, jadi anda mungkin ada cata lain untuk menghasilkan Drop list. Terima kasih pada yang sudi membaca