html - 控制文本装饰:不使用border属性的下划线

成分：只是文本类型的输入标签。

问题：如何控制text-decoration: underline输入标签样式的大小，颜色，位置？
我看到text-decoration-color可用，但仅在moz Web解释器中可用，我想要类似的跨浏览器。
[编辑]我接受JS，CSS，HTML无关紧要，但是没有任何解决方法：我的问题很具体，我想控制这个特定的属性。

最佳答案

您可以简单地使用CSS3 text-decoration-color property，它也可以与Chrome一起使用。

演示：

a {
  text-decoration: underline;
  -webkit-text-decoration-color: green;
  text-decoration-color: green;
}

<a href="#">This is just a link</a>

注意：

请注意，使用-webkit-text-decoration-color使其与Chrome兼容。

您可以检查text-decoration-color Cross browser cpompatibility以获得有关其浏览器支持的更多详细信息。