我有一个带圆角的输入文本字段和一些填充(基本引导样式)。 情况是用户编写的文本长于文本字段的宽度,然后导航离开该字段。在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