小编Akh*_*ier的帖子

我想使用HTML 5和JQuery为windows phone 8使用多选下拉列表.

以下代码在IOS,Android和IE浏览器中都运行良好.但在应用程序中它表现得像简单的选择框,不能做多个选择.

 <select id="oID_1" size="3" multiple>
        <option>Item 1</option>
        <option>Item 2</option>
        <option>Item 3</option>
 </select>

1. 现在我正在获得这样的弹出窗口(来自Phone的截图):

2. 但我想要这样的东西(来自IE浏览器的截图):

在Phonegap中使用Windows Phone 8应用程序.当我触摸下拉框时,会出现一个蓝色突出显示.我经历了这里已经问过的问题

windows phone 8突出显示输入字段中的颜色

试了一下答案

$('select').on('click', function() { $('input.fakeInput').focus().blur() })

它部分地解决了这个问题(仅限点击事件).但我的页面有滚动,所以当我尝试滚动时,蓝色突出显示再次出现.我在上面的代码中尝试了'MSPointerDown,MSPointerUp,MSPointerMove',但没有任何反应.

这是我使用的样式

{
width: 100%;
background: #fafafa;
color:#a3a3a3;
font-size:14px;
border:none;
outline:none;
display: inline-block;
appearance:none;
height:60%;
min-height: 30px !important;
border-radius:5px;
margin-top: 5%;
padding-left:8%;

}