怎么去掉select边框和小三角,appearance用法
来源:互联网 发布:linux 服务器集群 编辑:程序博客网 时间:2024/05/17 03:24
今天写微信网站的静态页面,想去掉select自带的小三角和边框,用以往的办法不行了,微信内置的是qq浏览.
以往的办法:设置select的边框为0px,背景设成透明(background: transparent;),这时候你会看到边框没有了,但是小三角还是在的.
再在select外面加个div,固定死div的宽度,并且加超出隐藏属性(overflow: hidden;)再设置select的宽度,大于div的宽度,小三角会隐藏掉.
但是上面这个方法在微信里面根本无效果.百度了许久,终于找到方法了,给select添加下面css代码:
- appearance:none;
- -moz-appearance:none;?/*?Firefox?*/
- -webkit-appearance:none;?/*?Safari?和?Chrome?*/
就这样,问题解决了!
注:手机QQ浏览器或微信使用第二种方法,其他的可以使用第一种方法.
0 0
- 怎么去掉select边框和小三角,appearance用法
- 怎么去掉select边框和小三角,appearance用法
- css去掉select边框和小三角
- css去掉select边框和小三角
- 去除select边框和三角-----appearance:none
- 隐藏 select 边框和三角
- 解决手机浏览器和微信中select中border:none;无用和去掉小三角
- 解决手机浏览器和微信中select中border:none;无用和去掉小三角
- 去掉select右侧倒三角
- asp.net menu控件的那个黑色小三角箭头怎么去掉?
- 去掉右边边框和下面边框
- 去掉textarea小三角,禁止调整大小
- 超链接去掉边框和下划线
- 去掉Dialog标题栏和边框
- css3 小三角的用法
- 去除input为date的小三角方法 -webkit-appearance: none;
- select清除右侧的小三角
- 清除select自带小三角
- 继承
- 八款Android 开发者必备的小工具
- java注解
- iOS中OC给Category添加属性
- Windows下用HackRF和SDR#收听FM
- 怎么去掉select边框和小三角,appearance用法
- i/o流的学习
- 加快android的编译速度
- 浅谈new运算的过程
- JavaScript打印指定div的方法
- OVERLAPPED结构--异步IO
- 华为OJ训练之0002-161227-图片整理-快速排序
- 会计的大写
- 数据结构实验之链表四:有序链表的归并