CSS Select Tag

Still learning the "Front End" programming things....

Its says that everything about writing some code to make a program that directly interact with users called "Front End Programming"

Idk who said that ....


okee itu lah yang mau dibahas, sebelumnya posting tentang menghias tombol termasuk salah satu front end ....

sekarang ngisengin select-option, contoh :

<span class='janganan'>Nama Nama Jangan :
<select class='sel1'>
      <option class='op1'></option>
      <option class='op1'>Jangan Kangkung</option>
      <option class='op1'>Jangan Sop</option>
      <option class='op1'>Jangan Bayem</option>  
</select>
</span>
Jadi seperti dibawah

Nama Nama Jangan : Jangan Kangkung Jangan Sop Jangan Bayem

.janganan{
background-color:#f0f0f0;
border-radius:8px;
border:solid 1px #ccc;
padding-left:7px;
padding-top:4px;
padding-bottom:4px;
}
select.sel1{
background-color:#fff;
border:solid 1px #ccc;
border-top-right-radius:8px;
border-bottom-right-radius:8px;
padding:0px 7px 0px;
}
option.op1{
background-color:#dc0a00;
color:#fff;
}

It looks better in google chrome -_-"