css – 什么是正确的“-moz-appearance”值隐藏元素的下拉箭头

发布时间:2019-03-13 整理:脚本之家 作者:未知
脚本之家收集整理的这篇文章主要介绍了css – 什么是正确的“-moz-appearance”值隐藏元素的下拉箭头脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随脚本之家小编过来看看吧!
我试图对< select>的下拉箭头进行风格设置元素只有CSS,它在Chrome / Safari中完美工作:
select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;

  background-image: url('./select-arrow1.PNG') ;
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 200px;
}

其中呈现精美as seen here

根据这个逻辑,我唯一需要做的是使它在Firefox中工作是将所有-webkit- *东西添加为-moz- *:

-moz-appearance: button;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 1px 3px rgba(0,0.1);
-moz-padding-end: 20px;
-moz-padding-start: 2px;
-moz-user-select: none;

它的工作原理是99%,唯一的问题是,默认下拉箭头不会消失,并保持在背景图像的顶部as seen here

它看起来像-moz-appearance:button;不适用于< select>元件。此外-moz外观:无;没有删除默认下拉箭头的效果。

所以什么是正确的值为-moz外观删除默认下拉箭头?

更新:

2014年12月11日:停止发明新的黑客。 4年半后,-moz-appearance:从Firefox 35开始没有工作。虽然moz-appearance:button仍然坏了,你不需要使用它。 Here is a very basic working example.

2014年4月28日:提到的css hack工作了几个月,但自从2014年4月开始这个bug正在回到Firefox 31.0.a1每晚在所有平台上。

这是它的家伙!固定!

等待,看:https://bugzilla.mozilla.org/show_bug.cgi?id=649849

workaround

对于那些想知道:

https://bugzilla.mozilla.org/show_bug.cgi?id=649849#c59

First,because the bug has a lot of hostile spam in it,it creates a hostile workplace for anyone who gets assigned to this.

Secondly,the person who has the ability to do this (which includes rewriting ) has been allocated to another project (b2g) for the time being and wont have time until that project get nearer to completion.

Third,even when that person has the time again,there is no guarantee that this will be a priority because,despite webkit having this,it breaks the spec for how is supposed to work (This is what I was told,I do not personally know the spec)

现在看https://wiki.mozilla.org/B2G/Schedule_Roadmap

总结

以上是脚本之家为你收集整理的css – 什么是正确的“-moz-appearance”值隐藏元素的下拉箭头全部内容,希望文章能够帮你解决css – 什么是正确的“-moz-appearance”值隐藏元素的下拉箭头所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

标签:firefoxwebkit