在IE 9/10中输入带圆角和填充的字段文本

时间:2013-09-18 12:53:16

标签: html css rounded-corners input-field

我有一个带圆角的输入文本字段和一些填充(基本引导样式)。 情况是用户编写的文本长于文本字段的宽度,然后导航离开该字段。在IE中,显示可以适合输入字段的文本的最后部分。情况是当我有填充和border-radius时,最后一个单词的一些字母被隐藏(取决于填充多少填充)。

对于用户来说,这似乎忘了写一个(或多个)字符。有办法吗

要对此进行测试,请使用IE并在下一个小提琴的第三个输入字段的文本末尾添加一个字母,然后注意您添加的字符不显示: http://jsfiddle.net/56SMV/3/

<input type="text" value="Some text lorem ipsum dolor sit amet" style="padding:20px; border-radius: 10px;  border-style: solid; border-color: #CCCCCC;" />

这里的截图(第三个输入字段): http://i.stack.imgur.com/d2s1W.png

有没有比使用背景图像创建圆角更容易解决此问题的方法? Rounded corners for <input type='text' /> using border-radius.htc for IE

0 个答案:

没有答案