2011-09-13 57 views
3

早上好!適合移動瀏覽器的造型選擇下拉菜單

我在目前的時間奮力樣式下拉選擇菜單,將適合我目前的設計用於移動設備(即特別是iPhone現在)

enter image description here

這是怎麼了貌似目前時間對我的iPod

enter image description here

這是它的外觀,目前在谷歌瀏覽器

我真的很喜歡iPod的選擇下拉鏡像桌面下拉,如果可能的話,與文本框顯示,但我似乎被困在一個難點。

請查找當前CSS代碼我使用如下:

/************************************************************************ 
FORM STYLING 
*************************************************************************/ 
button.button{ 
    font-size: 14px; 
    font-weight: bold; 
    background-color: #333; 
    width: 95%; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    padding: 10px; 
    text-align: center; 
    color: #CCC; 
    border: none; 
} 
input, textarea{ 
    font-family:Helvetica,Arial,sans-serif; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    color:#555555; 
    background:#FBFBFB none repeat scroll 0 0; 
    border:1px solid #E5E5E5; 
    font-size:12px; 
    line-height: 16px; 
    margin-bottom:16px; 
    margin-right:6px; 
    margin-top:2px; 
    padding:10px; 
    display: block; 
    width: 92%; 
} 
select { 
    font-family:Helvetica,Arial,sans-serif; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    color:#555555; 
    background:#FBFBFB none repeat scroll 0 0; 
    border:1px solid #E5E5E5; 
    font-size:12px; 
    line-height: 16px; 
    margin-bottom:16px; 
    margin-right:6px; 
    margin-top:2px; 
    padding:10px; 
    display: inline-block; 
    width: 30%; 
} 
label{ 
    font-size: 12px; 
    font-weight: bold; 
    color:#5B5A5A; 
    display: block; 
} 
    label span, .required { 
     color: #C00;  
    } 

我希望得到任何幫助解決這一難題的CSS!

提前很多感謝

回答

相關問題