移动端页面可以调用手机系统的单选框吗

Question

移动端页面可以调用手机系统的单选框吗?

Answer 1

可以的，不过android与ios的样式不一样，
最好还是用bootstrap或者自己写样式。

Answer 2

可以，就直接用select就可以了

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Answer 3

直接写select标签就是系统默认样式
但是使用trigger触发select的下拉会有问题
$('select').trigger('change') 没有效果,
$('select').trigger('focus') 在IOS有效果, 能触发下拉框, 但是在小米无效.
最后还是直接用定位 覆盖 然后把select的透明度设为0;

Answer 4

直接使用select，就会调用系统的自带样式。

Answer 5

<select> 原生的不理想，不同的 系统版本 和 浏览器版本 会有很大差异，建议找一个通用的 ui 库来代替。