Question

I created a text-box that looks like the image below, however I want it to resize as the user types like here: http://jsbin.com/ahaxe

“enterography

我认为,把搜索图像作为背景,使之符合权利,这不成问题,但我不知道如何在不使用图像的情况下进行圆顶。

感谢大家:

Answer 1

input {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 12px; /* FF1-3.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

Answer 2

its posible but its not work in IE you can use css styles for this. for example: -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

Answer 3

提格雷动物建议首先提出,如果它不从事关于电离层的研究工作,则尝试使用烟幕添加另一项声明,如:

-ms-border-radius: 12px;

如果STILL don t work,你可尝试利用CSS PIE在IE上强制实施cs3:。

关于善待解决办法,你可能找到比我自己更好的解决办法,但你可以尝试:

<input onkeyup="if(this.value.length > 10) { this.style.width = this.offsetWidth + 20 +  px  }" type="text" />

在《刑法》中,每当盒子上的用户类型时,Javascript将检查输入中的焦炭量是否高于10。如果有是的,它就会增加20px。

请将价值观改变到你的心中。并且是你的项目的好兆头。

友情链接