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

Question

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

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

Answer 1

边框样式是必需的！

添加到：

.textBox {
   border-style: solid;
}

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

示例：border: 3px solid #cc0000;

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