IE 的 css3 外观属性

Posted

技术标签:

【中文标题】IE 的 css3 外观属性【英文标题】:css3 appearance property for IE 【发布时间】:2011-08-30 15:25:25 【问题描述】:

我在 IE 中的 css3 外观属性有问题。我需要它来隐藏选择菜单的箭头,但它不起作用。我尝试过 PIE.htc、ie-css3.htc 和其他 IE CSS3 支持者,但它们都不能用于外观。请帮帮我!

提前致谢!

【问题讨论】:

你是如何在其他浏览器中隐藏选择菜单的箭头的? 我没有。我不得不隐藏整个选择菜单。 【参考方案1】:
.listing select
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/select-bg.jpg") no-repeat scroll 0 0 transparent;
    text-indent: 0.01px;
    text-overflow: "";


.listing select::-ms-expand
    display: none;

注意:对于 Chrome、Mozilla 和 IE 10 可以正常工作。

【讨论】:

【参考方案2】:

外观属性不再受支持。 如果需要,您可以使用 moz-appearance for firefox 或 -webkit-appearance for chrome

【讨论】:

以上是关于IE 的 css3 外观属性的主要内容,如果未能解决你的问题,请参考以下文章

使用CSS3的appearance属性改变元素的外观

IE8中使用css3中的属性calc(),大神求解决……

CSS3 Animate 属性在 Chrome 中不起作用,在 Firefox/IE 中起作用

css3各个属性的兼容

css3透明度与过度属性

想要IE6~IE8支持css3的border-radius属性,下了一个ie-css3.htc的文件,放在页引入进去不起作用。