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

    }

  • 相关阅读:
    Java发生的重大事件
    Java的特点
    JVM的整体结构
    JVM生态圈
    简历不造假,根本就找不到工作?如果你这样想就OUT了
    C语言必背18个经典程序,你记住了吗
    黑客入侵的常用手段,你真的要做好防护了
    从零开始自学Linux,一篇文章带你快速找准学习方向
    还在担心学Linux懵圈吗?掌握这份Linux思维导图,你就能成为高手
    为何计算机专业大一期间先选择学习C语言,而不是其他语言呢?
  • 原文地址:https://www.cnblogs.com/circlebreak/p/5355326.html
Copyright © 2011-2022 走看看