2011-09-13 38 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!

提前很多感谢

回答

相关问题