Html Chrome和Opera占位符

Html Chrome和Opera占位符,html,google-chrome,opera,Html,Google Chrome,Opera,在chrome中,我有一个CSS: input::-webkit-input-placeholder{color:blue;} input:-moz-placeholder{color:blue;} 我决定将其优化为: input::-webkit-input-placeholder, input:-moz-placeholder{color:blue;} 占位符消失了!为什么会发生这种情况-某种错误还是什么 另一个问题是歌剧: 返回true。这意味着它是可用的。但它没有表现出来 需要输入的

在chrome中,我有一个CSS:

input::-webkit-input-placeholder{color:blue;}
input:-moz-placeholder{color:blue;}
我决定将其优化为:

input::-webkit-input-placeholder, input:-moz-placeholder{color:blue;}
占位符消失了!为什么会发生这种情况-某种错误还是什么

另一个问题是歌剧: 返回true。这意味着它是可用的。但它没有表现出来

需要输入的CSS的其余部分:

input[type=text]{
    color: blue;
    height: 24px; width: 75px;
    padding-left: 24px;
    outline: none;
    background-color: #ABABAB;
    background-image: url('searchtool-1.png');
    background-repeat: no-repeat;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
       -moz-border-radius-bottomright: 6px;
       -moz-border-radius-bottomleft: 6px;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
}

编辑:

虽然可以混合未知CSS属性,但不能混合不同的未知CSS选择器。如果浏览器看到未知选择器,它将忽略孔块

这是通过CSS规范实现的

您还应该为IE10使用:--ms输入占位符


Opera应该支持输入元素中的占位符。你能做一把小提琴吗?

虽然你可以混合未知的CSS属性,但你不能混合不同的未知CSS选择器。如果浏览器看到未知选择器,它将忽略孔块

这是通过CSS规范实现的

您还应该为IE10使用:--ms输入占位符


Opera应该支持输入元素中的占位符。你能做小提琴吗?

我可以在Opera中看到占位符,这里很好:data:text/html,我也可以在你的小提琴演示中看到Opera中的占位符。当然没有蓝色color@alexander法卡斯:当我去掉背景色时,我也看到了。但是为什么不将蓝色应用于占位符的文本呢?HTML规范只指定HTML和DOM API,而不是CSS。CSS没有为占位符定义伪元素选择器的模块,Opera没有实现这一点。-moz、-webkit和-ms选择器是非标准的。我可以在这里看到Opera中的占位符:data:text/html,我也可以在您的小提琴演示中看到Opera中的占位符。当然没有蓝色color@alexander法卡斯:当我去掉背景色时,我也看到了。但是为什么不将蓝色应用于占位符的文本呢?HTML规范只指定HTML和DOM API,而不是CSS。CSS没有为占位符定义伪元素选择器的模块,Opera没有实现这一点。-moz、-webkit和-ms选择器是非标准的。opera的设置是什么?opera的设置是什么?