html - 表单输入边框半径无法正常工作

标签 html css forms

我在表单上使用 CSS 进行测试并碰到了这个:http://jsfiddle.net/gespinha/z4a4G/1/

当我尝试使表单输入变成圆 Angular 时,它们将整个输入假定为圆形对象。

border-radius:50%;

关于如何正确实现这一目标的任何建议? 为什么会这样?

最佳答案

在您的情况下,我认为您必须以像素为单位输入 border-radius,如下所示:

border-radius:5px;

因为你给了太大的半径,这就是为什么你的输入框看起来像一个圆形的物体,5px 就足够了。

关于html - 表单输入边框半径无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18595738/

相关文章:

html - 悬停时显示按钮时整个 div 向上移动

html - 为什么旋转的图像在 css 表格中显示不同?

css - 在 css 中更改 "a"悬停事件上的 "li"标签内的 "li"标签的颜色

html - 如何使html中的图像透明?

javascript - 为什么不将全局变量值传递给函数?

python - Django - GenericForeignKey 的动态表单

jquery - 使用 jQuery 和绝对定位的 div 用于下拉菜单。当光标仍在 div 上时停止隐藏菜单

html - 更改焦点时保留选项的背景颜色

HTML 页脚位置 - body 必须是父元素吗?

html - 在 Chrome/Firefox 中删除文本输入中的顶部和底部填充