【发布时间】：2012-01-13 16:59:57
【问题描述】：
圆角的 CSS 基础here.
更新：为了在 iOS/BlackBerry/Android 上一致地呈现我的文本框，唯一成功的方法不是使用 size=# 或 =#em 或 =#%，而是将输入的宽度设置为宽度：###px 。当我这样做（内联或在 CSS 中）时，它会破坏圆角效果。
我已经确定设置宽度属性是打破角落的原因。
我的问题：还有另一种设置宽度属性的方法吗？我对如何始终如一地跨平台呈现文本框的大小持开放态度？
【问题讨论】：
-
像素完美是不现实的，如果你的设计在不同设备上呈现不一样，那么你可能想回到绘图板上。希望你能找到一个可行的解决方案，但我仍然会考虑像素完美的不可能性，也许会考虑更灵活一点。 dowebsitesneedtolookexactlythesameineverybrowser.com
-
你能提供代码吗？在小提琴？
-
网站是否需要在每个浏览器中看起来都完全相同？不，我在寻找像素完美吗？不。我是否需要我的文本框在三个主要平台上都可以使用......是的。不知道小提琴是什么，但我链接到上面的代码。
-
我想我应该补充一点，设置宽度会在所有平台上破坏它，而不仅仅是一个。我正在寻找有关其他“灵活”解决方案的建议。如果我不能有圆角，那就是生活......但我认为其他人肯定经历过这一点并且可能会有建议。
-
@Dallas--这是您的代码：jsfiddle.net/hQshV（根据 Jason 的要求并基于您指示我们访问的代码）。该站点 jsfiddle 允许人们去“摆弄” html、css 和 javascript，看看是否可以使事情正常工作。很棒的工具。现在，您在上面发布的代码看起来不像您在上面发布的那样。
标签： html css ios width rounded-corners