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 - 文本陰影的輸入？

回答

相關問題