Question

甚至可以在以下元素上强制使用文本阴影：

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

当然，当涉及输入时，text-shadow在任何浏览器中都不起作用......它会在不久的将来发挥作用吗？

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

有什么想法吗？

http://jsfiddle.net/tUDLM/

Answer 1

我认为它适用于支持这些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/

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

1 个答案: