select标签移动端兼容
来源:互联网 发布:北京大数据培训班 编辑:程序博客网 时间:2024/06/06 01:59
select选中事件用change,(用click会执行两次);
select标签对移动端的兼容:
.custom-selectselect{
width:100%; margin:0;
background:none;
border:1px solid transparent;
outline: none;/* Prefixed box-sizing rules necessary for older browsers */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;/* Remove select styling */ appearance: none;
-webkit-appearance: none;/* Font size must the 16px or larger to prevent iOS page zoom on focus *//* General select styles: change as needed */
font-family: helvetica, sans-serif;
font-weight: bold;
color:#444;
padding:.6em1.9em.5em.8em;
line-height:1.3;}
.custom-select::after{
content:"";
position: absolute;
width:0px;
height:0px;
top:50%;
right:8px;
margin-top:-4px;
border:8px solid #929497;
border-width:8px5px8px;
border-color:#929497 transparent transparent transparent;
z-index:2;
pointer-events:none;
}
阅读全文
0 0
- select标签移动端兼容
- 移动select标签的数据
- select options标签IE6兼容解决方案
- 移动端兼容总结
- Ajax <select>标签的应用向左移动,向右移动
- pc端和移动端(包含微信端)兼容的复制方法 clipboard.js+a标签
- input标签添加上disable属性在移动端字体颜色不兼容的解决办法。
- 获取select标签的值 兼容IE和firefox
- 关于ie6/ie7下select标签的高度设置兼容
- 关于select样式重置和移动端网页添加meta标签的问题
- meta标签 -- 移动端
- 移动端meta标签
- 移动端meta标签
- 移动端meta标签
- 移动端meta标签
- select标签
- select标签
- select标签
- 实现Button文字(titleLabel)和图片(imageView)上下排列
- Url参数解析
- 百度BCC挂载 CDS磁盘
- iOS开发系列--通知与消息机制
- Python-模块和包.深入Celery之任务绑定/记录日志/自动重试
- select标签移动端兼容
- [转]OpenCV两张图片的合并
- Android平台架构
- 选择排序
- 旋转图像
- TCP的三次握手与四次挥手
- STM32高效编程
- Python-模块和包.深入Celery之Beat触发定时/周期性任务
- 经典C语言例题之Linux