如何使文本框有圆角？ [英] How to make a text box have rounded corners?

问题描述

我有这个线框 http://problemio.com/problemionewest.pdf ，您会在右上方看到

I have this wireframe http://problemio.com/problemionewest.pdf and you see on the top-right there is a text box that has rounded corners.

这是只使用css还是图像和css？我有一个提供给我的图像，但更多地只是用css。在任何情况下，我不知道如何做任何一种方式lol，所以任何帮助将是巨大的！

Is that done with css only or image and css? I have an image that was provided to me, but would much rather just do it with css. In any case, I don't know how to do it either way lol, so any help would be great!

当前版本我在这里： http://www.problemio.com

推荐答案

你可以使用CSS来做到这一点，但它不会在IE8-支持。您可以使用某些网站（如 http://borderradius.com ）提供您将使用的实际CSS，看起来像这样（再次，取决于您尝试支持多少浏览器）：

You could use CSS to do that, but it wouldn't be supported in IE8-. You can use some site like http://borderradius.com to come up with actual CSS you'd use, which would look something like this (again, depending on how many browsers you're trying to support):

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

这篇关于如何使文本框有圆角？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！