• 去除select边框和三角-----appearance:none


    今天发现一个比较有意思的属性,appearance:none

    可能有朋友不认识,但是有一个标签你肯定认识:select。

    这个标签的样式是这样的:

    一般情况下,我们所使用的border:0; 去除边框这种方式在某些浏览器是对它是不起作用的,比如:Opera 浏览器下就没有作用。

    再拿google浏览器举例,虽然有作用,边框可以去除掉,但是右边的倒三角却保留了下来。

    比如这样:

    如果想要将select的边框和倒三角全部去除掉,这里有两个方法和大家分享一下。

    1.可以在select的外部包一个div标签,设置超出隐藏属性,设置好里面select的宽度和高度即可。

    2.如果觉得上面的方法比较麻烦,可以使用Css3的一个属性。

    appearance:none

    -moz-appearance:none /*火狐*/

    -webkit-appearance:none /*苹果和谷歌*/

  • 相关阅读:
    python—虚拟环境搭建
    pytnon—线程,进程
    python——新excel模块之openpyxl
    装饰器——应用
    css样式
    HTML
    广图登陆知网下载资源教程
    使用k-近邻算法改进约会网站的配对效果
    k-近邻算法概述
    机器学习基础
  • 原文地址:https://www.cnblogs.com/alantao/p/9157140.html
Copyright © 2020-2023  润新知