美文网首页
去掉select默认样式,自定义样式

去掉select默认样式,自定义样式

作者: w_小伍 | 来源:发表于2020-06-18 16:10 被阅读0次

因为safari有默认样式,很丑,所有自定义了一个样式

select{
    outline: none;//去掉默认样式
    -webkit-appearance: none;//去掉默认样式
    padding-left: 5px;
    position: relative;
    cursor: pointer;
    background: url(./assets/img/svg/down-fill.svg) no-repeat;
    background-position: 96% 56%;
    background-size: 10px;
  }

去掉ie默认样式

select::-ms-expand { display: none; }

去掉safari自带的锁图标

input::-webkit-credentials-auto-fill-button {/*去掉safari默认图标*/
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
  }

相关文章

  • 去掉select默认样式,自定义样式

    因为safari有默认样式,很丑,所有自定义了一个样式 去掉ie默认样式 去掉safari自带的锁图标

  • 一些浏览器兼容性问题

    1、select select箭头在各个浏览器显示不一致。为了达到统一性。就必须去掉默认样式,替换上自己的样式。代...

  • Android开发-AlertDialog,Progress,P

    AlertDialog 默认样式 单选样式 多选样式 自定义样式 效果图 自定义样式layout Progress...

  • 自定义select样式

    自定义select样式,下面是CSS代码,主要是那个 appearance 样式 select {width: 2...

  • HTML邮件模板编写注意事项

    一、去掉默认样式 去掉 table 默认边框, 去掉 img 默认边框,图片设置 display: block,...

  • CSS如何清除默认样式

    通常的清除默认样式: 设置默认字体: select标签 清除< ol > < ul >的默认样式 .button按...

  • css-----unset

    感觉是去掉默认样式的意思,如果可以继承样式则继承父元素的样式,如果不能继承,则用默认样式; 名如其意,unset ...

  • 自定义表单控件样式

    一.自定义表单控件样式兼容到IE7 1.表单默认样式的兼容问题主要有 line-height问题,select下拉...

  • 小程序自定义单选按钮样式(微信)

    默认样式 自定义 多选按钮样式自定义 直接将radio替换成checkbox

  • select默认样式修改

    select默认样式中的小三角不能删掉,要修改它的样式,只能使用图片将其隐藏掉。示例: 推荐一个好用的图标下载网站...

网友评论

      本文标题:去掉select默认样式,自定义样式

      本文链接:https://www.haomeiwen.com/subject/lwvuxktx.html