Chrome和Opera佔位

在鉻我有這個CSS：Chrome和Opera佔位

input::-webkit-input-placeholder{color:blue;} 
input:-moz-placeholder{color:blue;}

Idecided它優化到：

input::-webkit-input-placeholder, input:-moz-placeholder{color:blue;}

而且disappered佔位符！爲什麼會發生這種情況 - 某種錯誤或什麼？

而另一個問題是Opera： 'placeholder' in document.createElement('input')返回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; 
}

編輯：demo

來源

2011-09-04 Bakudan

我可以在Opera中看到一個佔位符就在這裏：'data：text/html，' – mercator

我可以在您的小提琴演示中看到Opera佔位符。（但當然沒有藍色） –

@alexander farkas我也看到了，當我刪除背景顏色。但爲什麼藍色不適用於佔位符的文本？ – Bakudan

雖然你可以混合未知的CSS屬性，你不能混用不同的未知CSS選擇器。如果瀏覽器看到一個未知的選擇器，它將忽略空洞塊。

這是通過CSS的規範。

您還應該爲IE10使用：：-ms-input-placeholder。

Opera應該支持輸入元素中的佔位符。你可以做小提琴嗎？

來源

2011-09-04 19:23:22

歌劇的設置是什麼？ –

Chrome和Opera佔位

回答

相關問題