当前位置: 移动技术网 > IT编程>开发语言>Jquery > 遇到过的ios显示问题与解决方法记录

遇到过的ios显示问题与解决方法记录

2020年08月14日  | 移动技术网IT编程  | 我要评论
一. ios中下拉列表中的option项显示的字不完整//解决方法:option外嵌套一个optgroup元素。iOS会根据select下拉列表中的内容长度自动缩小字体,以保证所有内容能在一行显示出来。加入了optgroup元素后,通过JQuery获取select选中值的方法不受任何影响。 <select id="course" style="height: 0.3rem;width:90%;margin:0.1rem 5%;font-size: .14rem;"> &l

一. ios中下拉列表中的option项显示的字不完整

//解决方法:option外嵌套一个optgroup元素。
//iOS会根据select下拉列表中的内容长度自动缩小字体,以保证所有内容能在一行显示出来。
//加入了optgroup元素后,通过JQuery获取select选中值的方法不受任何影响。
   <select id="course" style="height: 0.3rem;width:90%;margin:0.1rem 5%;font-size: .14rem;">
        <optgroup>
            <option>请选择报名课程</option>
            <option>8月15日(周六) 10:00 - 肩颈修复 [难度:★]</option>
            <option>8月15日(周六) 19:00 - 瑜伽+普拉提 [难度:★]</option>
            <option>8月16日(周日) 10:00 - 肩颈脊柱 [难度:★]</option>
            <option>8月16日(周日) 19:00 - 女性调理 [难度:★]</option>
            <option>8月17日(周一) 12:10 - 空中瑜伽 [难度:★★]</option>
            <option>8月17日(周一) 19:00 - 垫上普拉提(减脂塑形) [难度:★★]</option>
            <option>8月18日(周二) 如需预约本日课程,请提前咨询您的专属课程顾问</option>

         </optgroup>
  </select>

本文地址:https://blog.csdn.net/weixin_45622053/article/details/107980253

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网