<input /> 上的 Opera 12.14 边框半径不起作用

Posted 2023-04-18

【中文标题】<input /> 上的 Opera 12.14 边框半径不起作用

【英文标题】：Opera 12.14 border-radius on <input /> not working

【发布时间】：2013-02-12 22:10:53

【问题描述】：

我正在尝试制作一个简单的登录类型的页面并尝试使其跨浏览器，虽然我还处于起步阶段，但我已经发现了一个我找不到任何答案的问题。 我正在尝试进行一些文本输入并提交带有圆角的输入按钮，但它不会让我这样做，我不知道为什么，它根本不适用于 <input /> 标记。

我尝试了两个border-radius，因为opera已经内置了标准化参数，甚至是-o-border-radius，但这两种方式都行不通。 我正在使用em 而不是px，但我都尝试了，因为我认为这可能是问题所在，但事实并非如此。

所以我真的有点无能为力； Opera 在标签上不支持？

除此之外，它还可以在以下浏览器中运行：Internet Explorer 9（在 html/php 文件的头部插入了 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 行）、Mozzila Firefox 19.0、Google Chrome 25.0、Safari 5.1、Maxthon Cloud Browser 4.0

我还尝试使用干净的代码来制作它，这意味着只有一些 <input /> 标记和 css 文件，但它不起作用。

希望有人能对此给出合理的答复。

【问题讨论】：

你能告诉我们你的css代码吗？

当然。给你：jsfiddle.net/AeEsV

【参考方案1】：

边框样式是必需的！

添加到：

.textBox 
   border-style: solid;

我的建议是使用border 的速记属性：

示例：border: 3px solid #cc0000;

有关border 属性的更多信息，请访问：w3schools.com。

【讨论】：

据我了解，浏览器本身不支持它。嗯，这是一个耻辱......非常感谢你！ :)

是的！我已经在Oprea 12.02:FIDDLE测试过

哦不，我的意思是 border-radius 本身没有任何实心边框。