在< input>中下划线文本框 [英] Underlining Text in an <input> Box

问题描述

我已经收到客户端的请求，以在文本字段中下划线。
单行和双行。

这是否可以？我假设有一些晦涩的插件，但我还没有找到它。 ：P

我想过有两种可能性，如果可以的话。

1. 在实际字段中强调文本


2. 在文本字段下方的文本中进行一些疯狂的黑客攻击。

感谢任何帮助和/或评论。以下作品可以在Chrome 6.0.472.55/Ubuntu 10.04和Firefox 3.6.9（也可以是Ubuntu 10.04）中使用。 ：

  input {text-decoration：underline; } 
  

虽然这显然只给了一个下划线。

快速演示： jsbin

I've gotten a request from a client to underline text in a text field. Both single and double lines.

Is this even possible? I assume with some obscure plugin but I haven't found it yet. :P

I've thought about there being 2 possibilities, if this is possible.

1. Underlining the text in the actual field.
2. Doing some crazy hack with text just underneath the text field.

Thanks for any help and/or commentary. ^_^

解决方案

The following works in Chrome 6.0.472.55/Ubuntu 10.04, and Firefox 3.6.9 (also Ubuntu 10.04):

input {text-decoration: underline; }

Though this, obviously, gives only a single-underline.

Quick demo at: jsbin

这篇关于在< input>中下划线文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！