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

发布于 2024-12-29 00:38:25 字数 373 浏览 4 评论 0原文

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

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

？

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

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

有什么想法吗？

http://jsfiddle.net/tUDLM/

原文

Is it even possible to force text-shadow on elements like:

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

Of course text-shadow doesn't work in any browser when it comes to inputs... Will it be working in near future?

I can't edit the HTML, only JS & CSS tricks allowed. I want a solution that will work in all modern browsers, don't care about IE7 and older.

Any ideas?

http://jsfiddle.net/tUDLM/

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我喜欢麦丽素 2025-01-05 00:38:25

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

I think it works on modern browsers that support these CSS properties.

    #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;
}

See here http://jsfiddle.net/L2SY5/2/
I hope this helps. Please notice that i have used some vendor prefix to ensure wider support. Just in case, for cross browser solution you can use CSS PIE, though i have heard of some performance issues. http://www.css3pie.com/

回复收藏 0 原文

~没有更多了~