Javascript 实施'；时尚'；大型输入文本框？

实现“时尚”大型输入文本框的一个很好的示例，如和上的输入文本框

在tumblr上，他们如何使用manage使输入从光标所在的框中向后流动-在URL的最终输入框中。

您可以使用CSS：

input.FancyText {
    background: url(something) no-repeat;
    border: none;
    text-align: right;
}

---

您可以使用查看Tumblr的CSS。

是的，只需这样做：

input { padding: 10px; font-size: 26px; }

background-color:#F9F8E4; /* when in focus */
background:url("/images/input_bg.png") repeat-x scroll left top #F7FCFF;
border:1px solid #97B5D2;
color:#25313C;
font-family:Georgia,Times,"Times New Roman",serif;
font-size:28px; /* This probably makes it "fat" as you want */
width:480px;
font:13px 'Lucida Grande',Helvetica,Arial,sans-serif;
margin:0;
outline:0 none;
padding:7px;

---

它将使输入元素“更胖”

正如SLaks所建议的，您可以使用CSS来控制输入文本框的外观。例如，您可以使用firebug发现CSS tumblr使用的样式如下：

input { padding: 10px; font-size: 26px; }

background-color:#F9F8E4; /* when in focus */
background:url("/images/input_bg.png") repeat-x scroll left top #F7FCFF;
border:1px solid #97B5D2;
color:#25313C;
font-family:Georgia,Times,"Times New Roman",serif;
font-size:28px; /* This probably makes it "fat" as you want */
width:480px;
font:13px 'Lucida Grande',Helvetica,Arial,sans-serif;
margin:0;
outline:0 none;
padding:7px;

这些是活动样式（分布在多个不同的规则中）。此外，这些评论是我的

尝试设置字体大小属性，使输入区域为“胖”

---

尝试设置text align:right属性，使输入“向右流动”，如在URL字段中一样。

但是你能使搜索框像tumblrs一样“胖”吗？需要加厚-我想要一个拼写正确且没有分号的文本框-请修复，否则我肯定你会被否决。语法！没必要太苛刻。这个主意很重要。对不起，这不是故意的。这就是为什么我没有投反对票。但是语法和语法是两个不同的东西。一般来说，你可以从糟糕的语法中推断出意思，但计算机无法处理拼写错误的语法。