1

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

对于用户来说,这看起来像是他忘了写一个(或多个)字符。有没有办法

为了测试这一点,使用 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

有没有比使用背景图像创建圆角更简单的方法来解决这个问题? <input type='text' /> 圆角使用 IE 的border-radius.htc

4

0 回答 0