HTML/JS - 文本阴影的输入？

它甚至有可能迫使像元素文字阴影：HTML/JS - 文本阴影的输入？

<input name="submit" type="submit" id="submit" value="Submit" />

？

当然，文本阴影在任何浏览器中都不起作用，当涉及到输入时......它会在不久的将来工作吗？

我无法编辑HTML，只有JS &允许使用CSS技巧。我想要一个适用于所有现代浏览器的解决方案，不要关心IE7和更老的。

任何想法？

http://jsfiddle.net/tUDLM/

来源

2012-01-27 Wordpressor

我认为它适用于支持这些CSS属性的现代浏览器。

#submit { 
padding: 1em 2em; 
font-size: 1.4em; 
border: 0; 
color: #fff; 
background-color: #999; 
-moz-text-shadow: 2px 1px 10px #fff000; 
-webkit-text-shadow: 2px 1px 10px #fff000; 
text-shadow: 2px 1px 10px #fff000; 
-moz-box-shadow: 1px 1px 10px 1px #000; 
-webkit-box-shadow: 1px 1px 10px 1px #000; 
box-shadow: 1px 1px 10px 1px #000; 
}

看到这里http://jsfiddle.net/L2SY5/2/ 我希望这有助于。请注意，我使用了一些供应商前缀来确保更广泛的支持。以防万一，对于跨浏览器解决方案，您可以使用CSS PIE，但我听说过一些性能问题。 http://www.css3pie.com/

来源

2012-11-12 23:27:27

HTML/JS - 文本阴影的输入？

回答

相关问题