发表新帖
发表新帖

-webkit-appearance: none; firefox equivalent?

后端 未结
关注
7 1567
既然无缘
既然无缘 2021-01-02 01:12

I would like to know if there is anything equivalent to: -webkit-appearance: none; for firefox?

What I want to achive?
提交评论
  •  加载中...
  • 别那么骄傲
    2021-01-02 01:50

    https://developer.mozilla.org/en/CSS/-moz-appearance

    0 讨论(0)
  • -上瘾入骨i
    2021-01-02 01:58

    Here is the code for Firefox, Chrome, Safari, & IE. ( IE 10 and up )

    Just add a small down arrow png for your select and its all set. My arrow is 30x30 but set it to your specs.

    .yourClass select{
  overflow: none;
  background-color: #ffffff;
  -webkit-appearance: none;
  background-image: url(../images/icons/downArrow.png);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
}

/* fall back for ie10+  */
.yourClass select::-ms-expand {
    display: none;
}
    0 讨论(0)
  • 失恋的感觉
    2021-01-02 01:59

    If you want a select looking like a button in FF why not

    select { -moz-appearance: button; }

    Like here: http://jsfiddle.net/SsTHA/

    0 讨论(0)
  • 感动是毒
    2021-01-02 02:03

    -moz-appearance:none with <select> still shows a dropdown arrow on Firefox.

    See this bug report for more information: https://bugzilla.mozilla.org/show_bug.cgi?id=649849

    0 讨论(0)
  • 难免孤独
    2021-01-02 02:03

    Try this.. It works

    select{
    -moz-appearance: none;
    text-overflow: '';
    text-indent: 0.1px;
}

    Tested on Windows 8, Ubuntu and Mac, latest versions of Firefox.

    Live example: http://jsfiddle.net/gaurangkathiriya/z3JTh/

    0 讨论(0)
    • 1 2 下一页
     看不清?
    提交回复
    热议问题