與Safari瀏覽器兼容的問題

我有這段代碼。它適用於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>

來源

2014-10-09 Websolutionexpert24

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

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

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

我出現在Safari瀏覽器7.1版（9537.85.10.17.1）相同。這是你的jsfiddle截圖：

enter image description here

更新

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

來源

2014-10-09 11:43:30 CodingWithSpike

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

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

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

與Safari瀏覽器兼容的問題

回答

相關問題