与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浏览器兼容的问题

回答

相关问题