select标签移动端兼容

select选中事件用change，（用click会执行两次）；

select标签对移动端的兼容：

.custom-select select {

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: .6em 1.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: 8px 5px 8px;

border-color: #929497 transparent transparent transparent;

z-index: 2;

pointer-events:none;

}

select标签移动端兼容相关推荐

select标签中option的显示隐藏控制(兼容IE)
问题描述: 在有些功能切换的时候,select标签中的某些option是要被隐藏的.但通过设置option的样式为 display:none根本无法隐藏option标签.(ie浏览器中option不支 ...
03_MyBatis基本查询，mapper文件的定义，测试代码的编写，resultMap配置返回值，sql片段配置，select标签标签中的内容介绍，配置使用二级缓存，使用别名的数据类型，条件查询ma
1 PersonTestMapper.xml中的内容如下: <?xmlversion="1.0"encoding="UTF-8"?> < ...
第一篇-Html标签中head标签，body标签中input系列，textarea和select标签
第十四周课程(1-12章节) HTML 裸体 CSS 穿华丽衣服 Javascript 动起来一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 ...
android半透明闪退,移动端常见面试题一：移动端兼容解决方案
原标题:移动端常见面试题一:移动端兼容解决方案移动端经常出现的兼容问题 1.安卓浏览器看背景图片,有些设备会模糊因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePi ...
自定义select标签
1:定义tid文件 <tag><name>select</name><tag-class>com.zhoujun.jsp.day02.SelectTag ...
html select联动,select标签实现二级联动
效果如下图所示: 实现的原理:使用onchange事件,原理见代码 html代码: 魏国蜀国吴国 script代码: var select = document.getElementById(&q ...
常见的移动端兼容问题以及解决方案
常见的移动端兼容问题以及解决方案禁止ios识别长串数字为电话解决方法:添加 meta 属性 <meta content="telephone=no" name=" ...
PC端移动端兼容响应式布局页面的制作
之前已经制作了PC端固定布局和移动端流体布局的页面,这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面,是页面能在不同屏幕大小下呈现处不同最佳显示状态. 主要的过程就是对: 1.将width ...
select标签如何取值
文章目录一.测试二.代码展示三.结论读者可直接点击目录查看结论. 一.测试初始状态:select标签的内容为"--请选择--"时,请求参数bookCategory=0 测 ...

select标签移动端兼容

select标签移动端兼容相关推荐

最新文章

热门文章