zoukankan      html  css  js  c++  java
  • (webapp)微信和safri 对于html5 部分功能不兼容,多选或单选下拉框去除边框无效果。

    1 appearance:none;

    2 -moz-appearance:none; /* Firefox */

    3 -webkit-appearance:none; /* Safari 和 Chrome */

     

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

    1 <p class="lookLikeAButton">我是一个段落P元素 </p>

    2 <p class="lookLikeAListbox">我是一个段落P元素 </p>

    3 <p class="lookLikeAListitem">我是一个段落P元素 </p>

    4 <p class="lookLikeASearchfield">我是一个段落P元素 </p>

    5 <p class="lookLikeATextarea">我是一个段落P元素 </p>

    6 <p class="lookLikeAMenulist">我是一个段落P元素</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 }

     

     

    /*去除单选或多选边框边框 css样式*/

    .seclectnoBoreder{

          -webkit-appearance:searchfield;

           -moz-appearance:searchfield;

      }

    如果为百度,360等 即可用以下css样式去解决

    .touming{

    background:transparent;

      border-top:none;

      border-bottom: none;

      border-left: none;

      border-right: none

    }

  • 相关阅读:
    听豆瓣架构变迁分享会总结
    业界对生成图片缩略图的做法归纳
    58和百姓网的技术学习
    减少存储过程封装业务逻辑-web开发与传统软件开发的思维模式不同
    网站速度问题排查与定位经验
    调度思想-现实中的事物与技术里面其实存在类似道理
    关于图片或者文件在数据库的存储方式归纳
    mysql单表体积和一个库设计多少张表为妥
    php的变量引用与销毁机制
    选择技术方案权衡时,考虑对其可控性很重要
  • 原文地址:https://www.cnblogs.com/circlebreak/p/5355326.html
Copyright © 2011-2022 走看看