2014-10-09 215 views
0

我有這段代碼。它適用於Windows的所有瀏覽器,但不會出現在Mac Safari瀏覽器中。與Safari瀏覽器兼容的問題

.send_msg{ 
 
    background:#000; 
 
    padding:20px; 
 
} 
 

 
.send_msg input[type="text"] { 
 
    background: none repeat scroll 0 0 transparent; 
 
    border: medium none; 
 
    box-shadow: 0 0 10px #fff inset; 
 
    color: #fff; 
 
    padding: 1em; 
 
    width: 50%; 
 
}
<div class="send_msg"> 
 
    <input type="text" /> 
 
</div>

+0

請設置在http://jsfiddle.net – ggdx 2014-10-09 11:30:18

+0

http://jsfiddle.net/qgraysrc/ – Websolutionexpert24 2014-10-09 11:32:02

+0

每個地方它的工作正常,但在Mac Safari瀏覽器的文本框沒有出現。 – Websolutionexpert24 2014-10-09 11:33:28

回答

0

我出現在Safari瀏覽器7.1版(9537.85.10.17.1)相同。這是你的jsfiddle截圖:

enter image description here

更新

如果您使用的是Safari 3,然後box-shadow將無法​​正常工作。我不認爲Safari在第5版或其他地方支持它。我不希望任何遠程現代的工作3.

+0

會檢查確切的問題。但你的Safari版本是什麼? – Websolutionexpert24 2014-10-09 11:46:13

+0

對不起,我將版本添加到了我的帖子中。它是7.1。 – CodingWithSpike 2014-10-09 11:48:09

+0

Ohk,但它沒有出現在safari 3上。你可以檢查它爲什麼沒有出現在那個? – Websolutionexpert24 2014-10-09 11:49:21