select box style css3

kali ini saya akan membagikan tutorial select box, namun select box yang akan saya bagikan berikut ditambahkan sedikit sentuhan css3, agar terlihat legih menarik dan lebih elegan, ingin tahu bagaimana cara menerapkannya pada blog anda? lets go,.......



dibawah ini adalah contoh dasar dari select box yang belum di modifikasi dengan css3

  Everithing Widgets Tutorial CSS3 jQuery

kode dasar select box:


<select>
<option> Everything </option>
<option> Widgets </option>
<option> Tutorial </option>
<option> CSS3 </option>
<option> jQuery </option>
</select>


dan dibawah ini adalah kode select box yang telah di beri sentuhan css3.
dan telah di tambahkan target link

zikostartube zikostartube zikostartube zikostartube zikostartube

bagaimana,... tertarik silahkan copi kode berikut ke notpad

<div class="styled-select">
<select>

<option value="http://zikostartube.com">zikostartube</option>
<option value="http://zikostartube.com">zikostartube</option>
<option value="http://zikostartube.com">zikostartube</option>
<option value="http://zikostartube.com">zikostartube</option>
<option value="http://zikostartube.com">zikostartube</option>

</select>

<style>
.styled-select {
width: 228px;
height: 34px;
overflow: hidden;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9zFYBawVOsHRo8rb9iOdSJ6aUL9E_Bqp_cqTWBbKT2fI9QWTdsSRwcn2Uc6BecKJzR9up-8WuJuk9ZPgJ2K43QiGvkR24yv5wNBR3CPrw5qNIwH6FzRZPoRcUwmCE2yV7rZaXojrDei4/s1600/Select.png) no-repeat ;
border-radius: 10px;
}
.styled-select select {
background: transparent;
width: 228px;
padding: 5px;
border: 1px solid #CCC;
font-size: 16px;
height: 34px;
font-weight: bold;
outline:0px;
-webkit-appearance: none;
border-radius: 10px;
}
.styled-select option {
background: lightgrey;
width: 228px;
padding: 5px;
border: 1px solid #CCC;
font-size: 16px;
height: 34px;
outline:0px;
-webkit-appearance: none;
}
</style>
</div>

Ganti http://zikover.info yang berwarna merah dengan link yang anda inginkan
Ganti  zikostartube, dengan kata yang anda inginkan.

SEMOGA MEMBANTU