解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css

来源：懂视网责编：小采时间：2020-11-27 16:14:22

解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css

解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css_WEB-ITnose:设置select的边框为none；在PC端是没有问题的，但是放到手机浏览器和微信里上还是会出现边框解决办法： 1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome *

推荐度：

点击下载本文 文档为doc格式

导读解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css_WEB-ITnose:设置select的边框为none；在PC端是没有问题的，但是放到手机浏览器和微信里上还是会出现边框解决办法： 1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome *

设置select的边框为none；在PC端是没有问题的，但是放到手机浏览器和微信里上还是会出现边框

解决办法：

1 appearance:none;2 -moz-appearance:none; /* Firefox */3 -webkit-appearance:none; /* Safari 和 Chrome */

appearance使用方法：

1 .elmClass{2 -webkit-appearance: value;3 -moz-appearance: value;4 appearance: value;5 }

例子：使用appearance属性改变元素的外观

我是一个段落P元素

 1 /*看起来像个按钮，以按钮的风格渲染*/ 2 .lookLikeAButton{ 3 -webkit-appearance:button; 4 -moz-appearance:button; 5 } 6 /*看起来像个清单盒子，以listbox风格渲染*/ 7 .lookLikeAListbox{ 8 -webkit-appearance:listbox; 9 -moz-appearance:listbox;10 }11 /*看起来像个清单列表，以listitem风格渲染*/12 .lookLikeAListitem{13 -webkit-appearance:listitem;14 -moz-appearance:listitem;15 }16 /*看起来像个搜索框，以searchfield风格渲染*/17 .lookLikeASearchfield{18 -webkit-appearance:searchfield;19 -moz-appearance:searchfield;20 }21 /*看起来像个文本域，以textarea风格渲染*/22 .lookLikeATextarea{23 -webkit-appearance:textarea;24 -moz-appearance:textarea;25 }26 /*看起来像个下接菜单，以menulist风格渲染*/27 .lookLikeAMenulist{28 -webkit-appearance:menulist;29 -moz-appearance:menulist;30 }

更多内容可以参考http://www.w3school.com.cn/cssref/pr_appearance.asp

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css

推荐度：

点击下载本文 文档为doc格式

标签： html css web

热门焦点

解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css

解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css

解决手机浏览器和微信中select中border:none;无用和去掉小三角_html/css

最新推荐

猜你喜欢

热门推荐