Css IE中提交按钮的渐变背景

Css IE中提交按钮的渐变背景,css,Css,我正在尝试使用特定于供应商的CSS规则向IE9中的提交按钮添加渐变: background: -ms-linear-gradient(#6671E8,#434991); 但出于某种原因,这是不可能的。是我做错了什么,还是IE9又把事情搞糟了(或者两者兼而有之)?尝试将过滤器设置为无: input[type="submit"] { filter: none; } 我还没有确认这一点,但我在Colorzilla的渐变生成器上读到: 尝试将过滤器设置为无: input[type="submit"]

我正在尝试使用特定于供应商的CSS规则向IE9中的提交按钮添加渐变:

background: -ms-linear-gradient(#6671E8,#434991);

但出于某种原因,这是不可能的。是我做错了什么,还是IE9又把事情搞糟了(或者两者兼而有之)?

尝试将过滤器设置为无:

input[type="submit"] { filter: none; }
我还没有确认这一点,但我在Colorzilla的渐变生成器上读到:


尝试将过滤器设置为无:

input[type="submit"] { filter: none; }
我还没有确认这一点,但我在Colorzilla的渐变生成器上读到:

使用并设置
-饼图背景

-pie-background: linear-gradient(#6671E8, #434991);
使用并设置
-饼图背景

-pie-background: linear-gradient(#6671E8, #434991);
试试这个:

background: #6671e8; /* Old browsers */
background: -moz-linear-gradient(top,  #6671e8 1%, #434991 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6671e8), color-stop(100%,#434991)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6671e8 1%,#434991 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6671e8 1%,#434991 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6671e8 1%,#434991 100%); /* IE10+ */
background: linear-gradient(top,  #6671e8 1%,#434991 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6671e8', endColorstr='#434991',GradientType=0 ); /* IE6-9 */
试试这个:

background: #6671e8; /* Old browsers */
background: -moz-linear-gradient(top,  #6671e8 1%, #434991 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6671e8), color-stop(100%,#434991)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6671e8 1%,#434991 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6671e8 1%,#434991 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6671e8 1%,#434991 100%); /* IE10+ */
background: linear-gradient(top,  #6671e8 1%,#434991 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6671e8', endColorstr='#434991',GradientType=0 ); /* IE6-9 */

我会使用位图/jpg/png。它更快、更简单、跨浏览器。@SteveWellens这不是我的问题:POr只对IE9中的一种颜色感到满意。@PeeHaa-我知道,这就是我发表评论而不是回答的原因。我会使用位图/jpg/png。它更快、更简单且兼容跨浏览器。@SteveWellens这不是我的问题:POr只对IE9中的一种颜色感到满意。@PeeHaa-我知道,这就是我发表评论而不是回答的原因。如果单击CSS代码下的IE9支持,它会说过滤器需要设置为无。但它还包括一个数据URI方案,所以我不确定它在IE9中工作到底需要什么。我原以为
ms-
前缀用于IE9,但它是用于
IE10
的。如果您在CSS代码下单击IE9支持,它会说过滤器需要设置为无。但它还包括一个数据URI方案,所以我不确定它在IE9中工作到底需要什么。我原以为
ms-
前缀是IE9的,但它是为
IE10的。一、 然而,我发现这个答案非常有用。所以,我将+1你它没有具体回答他的问题。一、 然而,我发现这个答案非常有用。所以,我将+1你