javascript - 在 IE10+ 中分别设置占位符透明度和输入文本元素的边框透明度？

Question

我想用不透明度值为 .5 和边框不透明度值为 1 的占位符文本设置输入字段的样式。在 IE10+ 中，这些值似乎相互关联。

HTML:

<input type="text" placeholder = 'blah blah'/>

CSS:

body {
    background-color:#CCCCFF;
}
:-ms-input-placeholder {
    color: #FFFFFF;
    opacity:.2;
}

input[type="text"] {
     border: 1px solid #FFFFFF;
     background-color: transparent;
     padding:1em;
     opacity:1;
}

http://jsfiddle.net/D6HPN

有没有办法使用 CSS 或 JS 独立设置它们？ 我知道我可以使用带有实线边框的背景 div，但我不想这样做。

Answer 1

使用:rgba(255,255,255,1) 而不是 #FFFFFF 并将 1 设置为您想要的不透明度。